var jQRequested = false;
var jQloaded = false;

var msOffset = 0;
var msLastPic = "";
var msSource, msRows, msCols;



function MobySlideshowLoadPage(pageNumber){
	amount = msRows * msCols;
	jQuery.getJSON(msSource + "?amount=" + amount + "&jsoncallback=?", function(data){
		cRow = 1;
		cCol = 0;
		
		newContent = '';
		
		if (data.items[0]){
			if (data.items[0].link != msLastPic){
				msLastPic = data.items[0].link;
				jQuery.each(data.items, function(i,item){
	
					if (cCol == msCols){cCol = 0; cRow++;}
					if (cRow > msRows){
						return;
					}
					cCol++;
					
					if (cCol == 1) {newContent +='<div style="float: left;">';}
					
					newContent += '<div style="height: 90px; width: 90px; overflow: hidden; margin: 3px; float: left;""><a href="' + item.link + '" target="_blank"><img src="' + item.squareImage + '" alt="' + item.title + '" style="border: none" /> </a> </div>';
					
					if (cCol == msCols){newContent += "</div>";}
				});
				jQuery("#MobySlideshowContent").html(newContent);
			}
		} else {
			jQuery("#MobySlideshowContent").html(newContent);
		}
	});
}

// jQuery is required for this widget, dont worry, it wont break code or other framework functionality
msFirstLoad = true;
function MobySlideshowLoader()
{
	try
	{
		if (!msFirstLoad){
			jQuery.noConflict();
		}
		msFirstLoad = false;
		
		jQuery(document).ready(function(){
			jQloaded = true;
			
			jQuery('#MobySlideshow').append('<div id="MobySlideshowContent" style="height: ' + ( 96 * msRows ) + 'px; clear: both;">Loading...</div>'); 
			//jQuery('#MobySlideshow').append('<div id="MobySlideshowFooter" style="float: left; clear: both; height: 25px; padding: 5px 0px 0px 0px; margin: 0px; font-family: Georgia,Helvetica,sans-serif !important; font-size: 12px; color:#6666CC; font-weight: normal;">Powered by <a href="http://www.mobypicture.com/" target="_blank"><span style="color: #6666CC">Mobypicture.com</span></a></div>');
			
			MobySlideshowRefresh();
		});
	}
	catch(err)
	{
		if (!jQloaded)
		{
			if (!jQRequested)
			{
				var headID = document.getElementsByTagName("head")[0];         
				var newScript = document.createElement('script');
				newScript.type = 'text/javascript';
				newScript.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js';
				headID.appendChild(newScript);
				jQRequested = true;
			}
			mobyLoader = setTimeout('MobySlideshowLoader()', 500);
		}
	}
}

function MobySlideshowRefresh(){
	MobySlideshowLoadPage(1);
	mobyRefresh = setTimeout('MobySlideshowRefresh()', 8000);
}

function MobySlideshow(sSource, sCols, sRows)
{
	sSource = 'http://www.mobypicture.com/json/heavenlyheroes/group.json';
	if (sCols === undefined){sCols = 5;}
	if (sRows === undefined){sRows = 4;}
	
	msSource = sSource;
	msCols = sCols;
	msRows = sRows;
	
	document.write('<div id="MobySlideshow" style="overflow: hidden; clear: both; width: ' + (96 * msCols) + 'px; height: ' + ((96 * msRows)+40) + 'px;"></div>');
	MobySlideshowLoader();
}