var sHeight;
var scrollBorder;
var thumbsPos = new Array();
var thumbsPosDown = new Array();
var imgAmount;
var idc = 0;
var images;
var zoom_i=1;
var next_pic;

function initProductPage() {
	sHeight = 129;
	countsImages ('thumbnails-mask');
	YAHOO.util.Event.addListener("up-arrow", "click", moveDown);
	YAHOO.util.Event.addListener("down-arrow", "click", moveUp);
}

function cng_img(path,w,h,next){
	//next_pic="/uploads/"+next;
	document.getElementById("medium-image").src="/uploads/normal/"+path;
	document.getElementById("medium-image").width=w;
	document.getElementById("medium-image").height=h;
	
	zoom_i=0;
	next_pic=next;
	
	//MagicZoomPlus.update('zoom', "/uploads/"+path, "/uploads/normal/"+path);
	//$('#medium-image').oneTime(1500, "soon", function() {
	//	pic777 = new Image();
	//	pic777.src=next_pic;
	//});
	
}

function load_zoom(path) {
	if (window.location.host=='s3')	path=path.substr(25);
	else path=path.substr(36);
	if (zoom_i==0) {
		//alert(path);
		//alert(next_pic);	
		MagicZoomPlus.update('zoom', "/uploads/big/"+path, "/uploads/normal/"+path);
		$('#medium-image').oneTime(1500, "soon", function() {
			pic777 = new Image();
			pic777.src="/uploads/big/"+next_pic;
		});
		zoom_i=1;
	}
}

function countsImages (element_id) {
	images = document.getElementById(element_id).getElementsByTagName('img');

	imgAmount = (images.length -1);
	idcc = (images.length -1);
	scrollBorder = (sHeight * 3 ) - (sHeight*images.length);

	for(var d=0;d<images.length;d++) {
		
		thumbsPos.push(sHeight*(d-1));
		thumbsPosDown.unshift(sHeight*(d-1));
		
		document.getElementById(images[d].id).style.left = thumbsPos[d]+'px';
		YAHOO.util.Event.addListener(images[d].id, "click", moveUp);
	}
}
function moveDown(e) {		
	if(idc>0) {
		idc--;		
	}		
	else {
		idc=images.length-1;
	}	
	var tempPoss = thumbsPos.shift();
	thumbsPos.push(tempPoss);
	document.getElementById(images[idc].id).style.left = -92+'px';	
	
	for(var d=0;d<images.length;d++) {
		var moves = new YAHOO.util.Anim(images[d].id, {left: {to: thumbsPos[d]}} ,  0.6 ,YAHOO.util.Easing.easeOutStrong); 		
		moves.animate();
	}
}
 
 
//move thumbnails up 
function moveUp(e) { 				
	if(document.getElementById(images[idc].id).offsetLeft<92) {		
		document.getElementById(images[idc].id).style.left = 368+'px';
	}
	if(idc<imgAmount) {						
		idc++;
	}
	else {
		idc=0;
	}
		
	var tempPos = thumbsPos.pop();
	thumbsPos.unshift(tempPos);
	
	for(var d=0;d<images.length;d++) {	
		var move = new YAHOO.util.Anim(images[d].id, {left: {to: thumbsPos[d]}} ,  0.6 ,YAHOO.util.Easing.easeOutStrong); 		
		move.animate();	
	}
}