var aivao_gallery = [];
function aivao_loadgallery(position, gallery_id){
	//alert(aivao_site_path+"cms/front/ajax/gallery.php");
	$.post(aivao_site_path+"cms/front/ajax/gallery.php", {position:position, gallery_id:gallery_id}, function(data) {
		//alert(data["img"]);
		if(position == 0){
			aivao_gallery[gallery_id] = [];
			aivao_gallery[gallery_id]["numpics"] = data["num_images"];
			aivao_gallery[gallery_id]["actpic"] = 0;
			aivao_gallery[gallery_id]["actpos"] = 0;
			aivao_gallery[gallery_id]["actstep"] = 0;
		}
		
		var thumb = aivao_site_path+"files/images"+data["thumb"];
		var img = aivao_site_path+"files/images"+data["img"];
		var preloadarr = [thumb, img];
		var gotime = preloadarr.length;
	 
		$.each(preloadarr,function(e) {
			$(new Image()).load(function() {
				if (--gotime < 1) showimg();
			}).attr('src',this);
		});
		function showimg(){
			//alert(Math.round(527/2-data["imgw"]/2));
			var txtposi = position+1;
			if(txtposi < 10){
				txtposi = "0"+txtposi;
			}
			
			$("#gallery_"+gallery_id).find(".smallnavi").append("<div id=\"smallthumb_"+gallery_id+"_"+position+"\" onclick=\"aivao_galleryimg("+position+", '"+gallery_id+"')\">"+txtposi+"</div>");
			if(position == 0){
				$("#smallthumb_"+gallery_id+"_"+position).addClass("on");
			}
			if(position < 6){
				$("#smallthumb_"+gallery_id+"_"+position).addClass("focussed");
			}
			else{
				$("#smallthumb_"+gallery_id+"_"+position).addClass("unfocus");
			}
			$("#smallthumb_"+gallery_id+"_"+position).hover(
				function () {
					$(this).addClass("hover");
				}, 
				function () {
					$(this).removeClass("hover");
				}
			);
			var clickstring = (position+1)+", '"+gallery_id+"'";
			if((position+1) == Number(data["num_images"])){
				clickstring = "0, '"+gallery_id+"'";
			}
			$("#gallery_"+gallery_id).find(".thumbs").append("<div id=\"thumb_"+gallery_id+"_"+position+"\" class=\"thumb\" style=\"position:absolute;left:"+(position*90)+"px;\" onclick=\"aivao_galleryimg("+position+", '"+gallery_id+"')\"><div class=\"on\"></div><div class=\"hover\"></div><img src=\""+aivao_site_path+"files/images"+data["thumb"]+"\" border=\"0\" style=\"width:76px;height:55px;\"></div>");
			$("#gallery_"+gallery_id).find(".stage").append("<div id=\"slide_"+position+"\" class=\"slide\" onclick=\"aivao_galleryimg("+clickstring+")\"><img src=\""+aivao_site_path+"files/images"+data["img"]+"\"  style=\"position:absolute;top:"+(Math.round(324/2-data["imgh"]/2))+"px;left:"+(Math.round(527/2-data["imgw"]/2))+"px;border:0;width:"+data["imgw"]+"px;height:"+data["imgh"]+"px;\"></div>");
			$("#thumb_"+gallery_id+"_"+position).hover(
				function () {
					$(this).find(".hover").show();
				}, 
				function () {
					$(this).find(".hover").hide();
				}
			);
			if(position == 0){
				$("#slide_"+position).fadeIn(300);
				$("#thumb_"+gallery_id+"_"+position).find(".on").show();
			}
			if(position > 5){
				$("#gallery_"+gallery_id).find(".arrowright").fadeIn(300);
				
			}
			$("#thumb_"+gallery_id+"_"+position).fadeIn(300);
			if((position+1) < Number(data["num_images"])){
				aivao_loadgallery((position+1), gallery_id)
			}
		}
	}, "json");
	
}

function aivao_galleryimg(position, gallery_id){
	if(position != aivao_gallery[gallery_id]["actpic"]){
		$("#smallthumb_"+gallery_id+"_"+aivao_gallery[gallery_id]["actpic"]).removeClass("on");
		$("#smallthumb_"+gallery_id+"_"+position).addClass("on");
		
		$("#thumb_"+gallery_id+"_"+aivao_gallery[gallery_id]["actpic"]).find(".on").hide();
		$("#thumb_"+gallery_id+"_"+position).find(".on").show();
		
		$("#gallery_"+gallery_id).find(".smallnavi").find("div").removeClass("focussed");
		$("#gallery_"+gallery_id).find(".smallnavi").find("div").addClass("unfocus");
		var areaold = 0;
		var areanew = 0;
		var inarea = 6;
		var newstep = 3;
		for(n=4;n>0;n--){
			if(position < n*inarea){
				areanew = n;
				newstep = n-1;
			}
			if(aivao_gallery[gallery_id]["actpic"] < n*inarea){
				areaold = n;
			}
		}
		var quant = 1;
		if(newstep > aivao_gallery[gallery_id]["actstep"]){
			quant = newstep-aivao_gallery[gallery_id]["actstep"];
			aivao_gallerymove(1, gallery_id, quant);
		}
		if(newstep < aivao_gallery[gallery_id]["actstep"]){
			quant = aivao_gallery[gallery_id]["actstep"]-newstep;
			aivao_gallerymove(-1, gallery_id, quant);
		}
		
		for(n=(areanew*6);n>((areanew*6)-6);n--){
			//alert(n);
			$("#smallthumb_"+gallery_id+"_"+(n-1)).removeClass("unfocus");
			$("#smallthumb_"+gallery_id+"_"+(n-1)).addClass("focussed");
		}
		$("#slide_"+position).fadeIn(300);
		$("#slide_"+aivao_gallery[gallery_id]["actpic"]).fadeOut(300);
		aivao_gallery[gallery_id]["actpic"] = position;
	}
}

function aivao_gallerymove(drn, gallery_id, quant){
	if(drn > -1){
		aivao_gallery[gallery_id]["actstep"] += quant;
		aivao_gallery[gallery_id]["actpos"] = -(540*aivao_gallery[gallery_id]["actstep"]);
		$("#gallery_"+gallery_id).find(".thumbs").animate({left:aivao_gallery[gallery_id]["actpos"]}, 1200, "swing");
	}
	else{
		aivao_gallery[gallery_id]["actstep"] -= quant;
		aivao_gallery[gallery_id]["actpos"] = -(540*aivao_gallery[gallery_id]["actstep"]);
		$("#gallery_"+gallery_id).find(".thumbs").animate({left:aivao_gallery[gallery_id]["actpos"]}, 1200, "swing");
	}
	if(aivao_gallery[gallery_id]["actpos"] < 0){
		$("#gallery_"+gallery_id).find(".arrowleft").fadeIn(300);
	}
	else{
		$("#gallery_"+gallery_id).find(".arrowleft").fadeOut(300);
	}
	//alert(aivao_gallery[gallery_id]["actpos"]+" "+(-((aivao_gallery[gallery_id]["numpics"]/6-1)*540)));
	if(aivao_gallery[gallery_id]["actpos"] <= -((aivao_gallery[gallery_id]["numpics"]/6-1)*540)){
		$("#gallery_"+gallery_id).find(".arrowright").fadeOut(300);
	}
	else{
		$("#gallery_"+gallery_id).find(".arrowright").fadeIn(300);
	}
}