function prev_product(view,id,sum)
{
	hide_pic = parseInt(id);
	if (hide_pic<=0)
	{
		hide_pic = sum;
		id = sum;
	}
	document.getElementById('prev_butt').value = parseInt(id)-1;
	show_pic = parseInt(sum) - parseInt(view-hide_pic);
	if (show_pic>sum)
	{
		show_pic = parseInt(view-hide_pic)*(-1);
	}
	document.getElementById('next_butt').value = parseInt(show_pic);
	//new Effect.SlideUp('pic_butt_'+hide_pic);
	document.getElementById('pic_butt_'+hide_pic).style.visibility = 'hidden';
	document.getElementById('pic_butt_'+hide_pic).style.left = '960px';
		
	for (i=6;1<=i;i=i-1)
	{
		if (hide_pic<=1)
		{
			move_pic = sum;
			hide_pic = sum;
		}
		else 
		{	
			hide_pic = hide_pic - 1;
			move_pic = hide_pic;
		}
		document.getElementById('pic_butt_'+move_pic).style.left = String((i * 100 - 100)+240)+'px';
	}
	new Effect.Highlight('pic_butt_'+show_pic);	
	document.getElementById('pic_butt_'+show_pic).style.visibility = 'visible';
}

function next_product(view,id,sum)
{
	hide_pic = parseInt(id);
	if (hide_pic>sum)
	{
		hide_pic = 1;
		id = 1;
	}
	document.getElementById('next_butt').value = parseInt(id)+1;
	show_pic = parseInt(view) + parseInt(hide_pic);
	// new pos. hidden pic
	document.getElementById('pic_butt_'+hide_pic).style.visibility = 'hidden';
	document.getElementById('pic_butt_'+hide_pic).style.left = '960px';
	// new pos. visible pic
	if (show_pic>sum)
	{
		show_pic = show_pic-sum;	
	}
	document.getElementById('prev_butt').value = parseInt(show_pic);
	y = 1;
	for (i=1;6>=i;i=i+1)
	{
		if (hide_pic+i>sum)
		{
			hide_pic = hide_pic+i-sum;	
			move_pic = hide_pic;
			hide_pic = hide_pic-i;
		}
		else move_pic = hide_pic + i;
		document.getElementById('pic_butt_'+move_pic).style.left = String((i * 100 - 100)+240)+'px';
	}
	document.getElementById('pic_butt_'+show_pic).style.visibility = 'visible';
	new Effect.Highlight('pic_butt_'+show_pic);	
}

/*

function up_product(id)
{
	document.getElementById('pic_details_'+id).style.visibility = 'visible';
}

function down_product(id)
{
	document.getElementById('pic_details_'+id).style.visibility = 'hidden';
}

*/

// --- buttons ---

function button_over_le()
{
	document.getElementById('prev_butt').src = "files/images/product_image/gallery/control_left_over.gif";	
}

function button_out_le()
{
	document.getElementById('prev_butt').src = "files/images/product_image/gallery/control_left.gif";	
}

function button_over_ri()
{
	document.getElementById('next_butt').src = "files/images/product_image/gallery/control_right_over.gif";	
}

function button_out_ri()
{
	document.getElementById('next_butt').src = "files/images/product_image/gallery/control_right.gif";	
}

// --- zoom ---

function zoom_product(name,next_pics,zoom_pic_path)
{
	/*
	document.getElementById('zoom_pic').style.visibility = 'visible';
	document.getElementById('zoom_pic').style.width = '920px';
	document.getElementById('zoom_pic').style.height = '75%';
	*/
	document.getElementById('footer').style.borderTop = '1px solid #fff';
	document.getElementById('zoom_pic').style.visibility = 'visible';
	new Effect.Appear('zoom_pic');	
	if (next_pics != 1)
	{
		// cut -> string -> pics
		var sidebar_pic = next_pics.split("#");
		var sidebar_pics_left = '';
		var sidebar_pics_right = '';
		amount_pics = sidebar_pic.length-1;
		for (i=0;i<amount_pics;i++)
		{
			if (sidebar_pic[i] != zoom_pic_path)
			{
				if (i <= 4)
				{
					sidebar_pics_left = sidebar_pics_left+'<input id="sidebar_zoom_'+i+'" name="sidebar_zoom'+i+'" value="'+i+'" type="image" src="'+sidebar_pic[i]+'" onclick="change_zoom(this.src,this.value)" border="0">';	
				}
				else if (i >= 4 && i <= 8)
				{
					sidebar_pics_right = sidebar_pics_right+'<input id="sidebar_zoom_'+i+'" name="sidebar_zoom'+i+'" value="'+i+'" type="image" src="'+sidebar_pic[i]+'" onclick="change_zoom(this.src,this.value)" border="0">';	
				}
			}
		}
		document.getElementById('zoom_pic').innerHTML = '<div id="zoom_headline"><h2>'+name+'</h2></div><div id="zoom_headline_button"><input id="close_zoom" name="close_zoom" type="image" src="files/images/product_image/close.jpg" onclick="close_zoom_fade()" border="0"></div><div id="line_break"></div><center><div id="small_prod_pic_left">'+sidebar_pics_left+'</div><div id="big_prod_pic_center"><center><img id="big_prod_pic_img" src="'+zoom_pic_path+'" /></center></div><div id="small_prod_pic_right">'+sidebar_pics_right+'</div></center>';
	}
	else
	{
		document.getElementById('zoom_pic').innerHTML = '<div id="zoom_headline"><h2>'+name+next_pics+'</h2></div><div id="zoom_headline_button"><input id="close_zoom" name="close_zoom" type="image" src="files/images/product_image/close.jpg" onclick="close_zoom_fade()" border="0"></div><div id="line_break"></div><center><div id="big_prod_pic_center"><center><img id="big_prod_pic_img" src="'+zoom_pic_path+'" /></center></div></center>';	
	}
	
}

function close_zoom()
{
	new Effect.Fade('zoom_pic');
	document.getElementById('footer').style.borderTop = '1px solid #5BC9A6';
	document.getElementById('zoom_pic').style.zIndex = '2000';
	document.getElementById('zoom_pic').style.visibility = 'hidden';
	document.getElementById('zoom_pic').style.width = '920px';
	document.getElementById('zoom_pic').style.height = '100%';
}

function close_zoom_fade()
{
	new Effect.Fade('zoom_pic');
	document.getElementById('footer').style.borderTop = '1px solid #5BC9A6';
}

function change_zoom(pic_src,id)
{
	change_img = document.getElementById('big_prod_pic_img').src;
	document.getElementById('big_prod_pic_img').src = pic_src;
	document.getElementById('big_prod_pic_img').value = id;
	document.getElementById('sidebar_zoom_'+id).src = change_img;
	document.getElementById('sidebar_zoom_'+id).value = id;
}

// --- wait ---		 

function wait(prmSec)
  {
  prmSec *= 1000;
  var eDate = null;
  var eMsec = 0;
  var sDate = new Date();
  var sMsec = sDate.getTime();

  do {
      eDate = new Date();
      eMsec = eDate.getTime();

  } while ((eMsec-sMsec)<prmSec);
}