$(document).ready(function(){
	//References
	//slideShow.init();
   // slideShow.lim();

	var pages = $("#menu li");
	var loading = $("#loading");
	var content = $(".contentGallery");
	
	//show loading bar
	function showLoading(){
		loading
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
	}
	//hide loading bar
	function hideLoading(){
		
	//	debugger;
	var strHTML='';
	 $(".galleryImg").each(function(){
	//	debugger;
		var pathtest=imgdir+'/'+$(this).attr("imgname");
		var heightwidth=$(this).attr("imgheight");

		heightwidth=heightwidth.replace(":","=").replace(","," ").replace(":","=");
//		strHTML+="<img src="+ pathtest +" border=0 " />";
//alert("<img src="+ pathtest +" border=0 "+ heightwidth +"  />");
//		$("#image").append("<img src="+ pathtest +" border=0  height=295  />");
$("#image").append("<img src="+ pathtest +" border=0 style=\"border:1px solid #999966;\" "+ heightwidth +"  />");

});

	//$("#image").append("<img src="+ pathtest +" border=0 height=277 width=395 />");
		loading.fadeTo(1000, 0);
		$('#image').cycle({ 
		    fx:      'scrollDown', 
		    speed:    0, 
		    timeout:  5000 
		});
		if ($(".galleryImg")[0])
		{
			//var pathMain=imgdir+'/1'+imgext;
			var pathMain=imgdir+'/'+$(".galleryImg")[0].imgname;
			var heightwidth=$(this).attr("imgheight");
		  //  $("#image").html("<img src="+ pathMain +" border=0 height=61 width=94 />").slideDown();				
		}
		
		$(".galleryImg").click(function(){ 						
			//var path=imgdir+'/'+$(this).attr("value")+imgext;
			var path=imgdir+'/'+$(this).attr("imgname");
       		var heightwidth=$(this).attr("imgheight");
				heightwidth=heightwidth.replace(":","=").replace(","," ").replace(":","=");
//			$("#image").html("<img src="+ path +" border=0 height=295   />").slideDown();
			$("#image").html("<img src="+ path +" border=0 style=\"border:1px solid #999966;\" "+ heightwidth +"  />").slideDown();

		 });
	};
	

	//Manage click events
	pages.click(function(){
		//show the loading bar
		showLoading();
		
		//Highlight current page number
		pages.css({'background-color' : ''});
		$(this).css({'background-color' : '#545454'});

		//Load content
		var pageNum = this.id;
		var targetUrl = "content.php?catid="+catid+"&page=" + pageNum + "&" + $("#myForm").serialize() + " #content";
		content.load(targetUrl, hideLoading);

	});

if(pages.length > 1)
{
		$("#1").css({'background-color' : '#545454'});	
}
else
{
	$("#1").css({'display' : 'none'});	
}
	
	//default - 1st page

//alert(catid);
	var targetUrl = "content.php?catid="+catid+"&page=1&" + $("#myForm").serialize() + " #content";
	showLoading();
	content.load(targetUrl, hideLoading);
});