var firstID;
var nextID = 0;
var timerID;
var nowID = 0;
var oldID;
var panelNum = 0;
var xTotalCount = 0,xTotalPages = 0,xCurrentPage = 0,fid;
var olderID=0;
var isLast = false;
var galleryWidth = 840;
var galleryHeight = 340;
var pageSize = 3;
var window_loaded = false;
var imageCount = 0;
var complete = 0;
$(document).ready(function(){
	$(".panel").each(function(){
		xTotalCount++;
	});
	$(".panel").each(function(){
		imageCount++;	  	
		if( imageCount == xTotalCount )window_loaded = true;
	});
	if(window_loaded)
	{
		firstID = $(".panel").eq(nowID).attr("id");
		$(".panel").eq(0).fadeIn(1000);
		//alert($(".panel").eq(0).find("img").attr('src'))
		if($(".panel").eq(0).find("img").attr("complete")!=true)
		{
			//alert("first")
			$("#gallery").append("<div class='loader'></div>");
			$(".panel").eq(0).find("img").hide();
			$(".panel").eq(0).find("img").bind("load",function(){
				$(".panel").eq(0).fadeIn(1000,function(){
					$(".loader").remove();$(".panel").eq(0).find("img").fadeIn("fast");});
					//timerID = setTimeout("showNextItem()",5000);
			});
		}
		else
		{
			//alert("other")
			
			$(".panel").eq(0).find("img").bind("load",function(){
				//alert("QQ")
				$(".panel").eq(0).fadeIn(1000,function(){
					//$(".loader").remove();
					
					$(".panel").eq(0).find("img").fadeIn("fast");
					//timerID = setTimeout("showNextItem()",5000);
				});
			});
		}
	}
	timerID = setTimeout("showNextItem()",5000);
	timerID2 = setInterval("chkimgloadcomplete()",1000);
	//xTotalPages = Math.ceil(xTotalCount/pageSize);
});
function chkimgloadcomplete()
{
	$(".panel").eq(parseInt(xTotalCount-1)).find("img").bind("load",function(){
		setTimeout("showNextItem()",5000);
		clearInterval(timerID2);
	});
	//alert($(".panel").eq(parseInt(xTotalCount-1)).find("img").attr("src"))
	/*if(complete == 1)
	{
		timerID = setTimeout("showNextItem()",5000);
		clearInterval(timerID2)
	}*/
}
function showNextItem()
{
	clearTimeout(timerID);
	//alert(nextID)
	
	$(".panel").eq(nextID).fadeOut(1000);
	nextID++;
	if(nextID>xTotalCount-1)
	{
		nextID = 0;
		//alert(nextID)
	}
	//alert(nextID)
	$(".panel").eq(nextID).fadeIn(1000);
	timerID = setTimeout("showNextItem()",5000);	
}