var StartFrom;
var Selected;
var Offset;

function movetonext(gal_id){
	changeimage(gal_id,1);
}
function movetoprev(gal_id){
	changeimage(gal_id,-1);
}
function changeimage(gal_id,img_factor){
	var galId = 'GalSlot(' + gal_id + ')';
	var galItem = document.getElementById(galId);
	var curItem;
	$(galItem).find(".Cur").each(function(){curItem = parseInt(this.innerHTML);});
	if(img_factor == -1 && curItem == 1) return false;
	if(img_factor == 1 && curItem == gal[gal_id].length) return false;
	
	img_ind = curItem + img_factor - 1;
	$(galItem).find(".Cur").html(img_ind + 1);
	var prev = img_ind + 1;
	if(prev > gal[gal_id].length - 1) prev-=2;
	$(galItem).find("img.Galmage").attr('src','/gallery/images/' + gal_id + "/" + gal[gal_id][img_ind] + "_0.jpg").
	parent().attr('href','/gallery/' + gal_id + '#' + img_ind);
	$(galItem).parent().find("img.Thumb").attr('src','/gallery/images/' + gal_id + "/" + gal[gal_id][prev] + "_2.jpg");
}
function MGallery(GalDiv,gal_id){

	StartFrom = 0;
	Selected = 0;
	if(window.location.href.indexOf("#") > 0){
		var loc = window.location.href.indexOf("#") + 1;
		loc = window.location.href.substr(loc,window.location.href.length - loc);
		loc = parseInt(loc);
		if(loc > 4) StartFrom = loc - 4
		Selected = loc;
	}
	
	var Scroller = document.getElementById("scroll_span");
	var i;
	for(i = 0;i < mgal.length;i++){
		var img = new Image();
		img.className = "Thumb " + "Tn" + (i + 1);
		img.name = i;
		img.src = "/gallery/images/" + gal_id + "/" + mgal[i] + "_1.jpg";
		img.onclick = function() {
			SelectImage(gal_id,parseInt(this.name));
		};
		Scroller.appendChild(img);
	}
	
	UpdateScroll(0,gal_id);
	SelectImage(gal_id,Selected);
	

}

function LoadThumb(Spot,gal_id){
	var imgn = StartFrom + Offset;
	if(imgn > mgal.length - 1) return false;
	var img = new Image();
	img.src = "/gallery/images/" + gal_id + "/" + mgal[imgn] + "_0.jpg";
	Spot.className = "Thumb " + "Tn" + imgn;
	
	img.onload = function(){
		Spot.src = this.src;
	}
	
	Spot.onclick = function(){SelectImage(gal_id,imgn);}
	//Spot.src = img.src;
	Offset ++;
}
function SelectImage(gal_id,ind){
	if(ind < StartFrom){
		UpdateScroll(-1,gal_id);
	}
	if(ind > StartFrom + 4){
		UpdateScroll(1,gal_id);
	}
	
	$("#DitGalBlock").find("#Zoomed").attr("src","/gallery/images/" + gal_id + "/" + mgal[ind] + "_3.jpg").parent()
	.find("#GalImages img.Thumb").removeClass("Selected");
	$("#DitGalBlock img.Tn" + ind).addClass("Selected");
	$("#DitGalBlock").find(".Cur").html(ind + 1);
	
	$("#imgDesc").html(mgalDesc[ind]);
	
	Selected = ind;
}
function SelectRImage(gal_id,rel){
	if(Selected+rel < 0) return false;
	if(Selected+rel+1 > mgal.length) return false;
	SelectImage(gal_id,Selected+rel);
}
function UpdateScroll(change,gal_id){
	if(change != 0){
		if(StartFrom + change < 0) return false;
		if(StartFrom + change + 5 > mgal.length) {return false;}
	}
	
	StartFrom += change;
	
	Offset = 0;
	var Str = "";
	
	$("#GalImages img.Thumb").hide();
	
	var Scroller = document.getElementById("scroll_span");
	var Items = Scroller.getElementsByTagName("img");
	
	var i;
	var to = Items.length > 5 ? 5 : Items.length;
	for(i = 0;i < to;i ++){
		var img = Items[i+StartFrom];
		$(img).show();
	}
	
	
	if(Selected < StartFrom) Selected = StartFrom;
	if(Selected > StartFrom + 4) Selected = StartFrom + 4;
	SelectImage(gal_id,Selected);
	
}
window.onload = function(){
	$(".txt.empty").focus(function(){
		if(this.value=="מילת חיפוש") this.value = "";
	}).blur(function(){
		if(this.value=="") this.value = "מילת חיפוש";
	});
};