act_img = 1;

function setOpacity(id, opacity){
	var mask = document.getElementById(id);
	if (!mask.style.setAttribute){
		mask.style.opacity=opacity;
	}
	else{
		mask.style.setAttribute("filter", "Alpha(opacity="+(opacity * 100)+"); -moz-opacity:"+opacity+";");
	}	
}

function effectAppear(id, i, j, inc){
	setOpacity(id, i);
	if (i >= j)
		return true;
	i += inc;
	setTimeout('effectAppear("'+id+'", '+i+', '+j+', '+inc+')',10);
}

function effectDisappear(id, i, j, inc){
	setOpacity(id, i);
	if (j >= i){
		document.getElementById(id).style.display = 'none';
		return true;
	}
	i -= inc;
	setTimeout('effectDisappear("'+id+'", '+i+', '+j+', '+inc+')',10);
}

function ChangePicture(id)
{
	var tmp = document.getElementById('product_pic');
	var vid = document.getElementById('product_vid');
	var to = document.getElementById('product_pic_'+id);
	var act = document.getElementById('product_pic_'+act_img);
	var zoom = document.getElementById('zoom');

	if (act)
		act.className = "image_petite";		
	if (to)
		to.className = "image_petite_selected";
	if (id == 0)
	{
		tmp.style.display = 'none';
		vid.style.display = 'block';
		zoom.style.display = 'none';
	}
	else if (tmp.style.display == 'none'){
		tmp.style.display = 'block';
		vid.style.display = 'none';
		zoom.style.display = 'none';
	}else if (to){
		tmp.src = to.src;
		//effectAppear('product_pic', 0, 1, 0.01);
		if (to.getAttribute("zoom") == "0"){
			tmp.setAttribute("onClick", "");
			zoom.style.display = "none";
		}
		else{
			tmp.setAttribute("onClick", "showImageZommed();");
			zoom.style.display = "block";
		}
	}
	act_img = id;
}

function delay(i, j){
	var mask = document.getElementById("maskPage");
	setOpacity('maskPage', i);
	if (i <= j){
		return true;
	}
	i -= 0.05;
	inter = parseInt(255 - (i * 30));
	mask.style.backgroundColor='rgb('+inter+', '+inter+', '+inter+')';
	setTimeout('delay('+i+', '+j+')',10);
}

function delay2(i, j){
	var mask = document.getElementById("maskPage");
	setOpacity('maskPage', i);
	if (i >= j){
		mask.style.display = 'none';
		return true;
	}
	i += 0.05;
	inter = parseInt(255 - (i * 30));
	mask.style.backgroundColor='rgb('+inter+', '+inter+', '+inter+')';
	setTimeout('delay2('+i+', '+j+')',10);
}

function greyMask(){
	var mask = document.getElementById('maskPage');
	pz = getPageSize();
	mask.style.width = pz[0]+"px";
	mask.style.height = pz[1]+"px";
	mask.style.display = 'block';
	//delay(1, 0.3);
}

function noMask(){
	var mask = document.getElementById('maskPage');
	mask.style.display = 'none';
	//delay2(0.3, 1);
}

function showImageZommed(){
	var id = document.getElementById("product_pic");
	var zommed_pic = document.getElementById("product_pic_zommed");
	var zommed = document.getElementById("zommed");

	sz = getPageSize();
	zommed_pic.style.paddingLeft = '10px';
	zommed_pic.style.paddingTop = '10px';
	zommed.style.display = "block";
	zommed_pic.src = id.src;
	zommed.style.left = ((sz[2] - (zommed_pic.offsetWidth + 10)) / 2)+"px";
	zommed.style.top = ((sz[3] - (zommed_pic.offsetHeight + 10)) / 2)+"px";
	zommed.style.width = (zommed_pic.offsetWidth + 10)+"px";
	zommed.style.height = (zommed_pic.offsetHeight + 10)+"px";
	zommed.style.zIndex = 1000000;
	setOpacity("zommed", 1);
 	zommed.style.backgroundColor = '#FFFFFF';
	greyMask();
}

function hideImageZommed(){
	noMask();
	var zommed = document.getElementById("zommed");
	zommed.style.display = 'none';
//	effectDisappear("zommed", 1, 0, 0.01);
}

function showPreview(id)
{
	el = document.getElementById('pre_'+id);
	document.getElementById('preview_'+id).className = el.options[el.selectedIndex].value;
}

function ChangeLoc(val)
{
	window.location = val;
}

function ChangeLocSpe(id)
{
	var eid = document.getElementById(id);
	ChangeLoc(eid.options[eid.selectedIndex].getAttribute("url"));
}
function switchView(id)
{
	if (document.getElementById("SWcheck").checked == true)
	document.getElementById(id).style.display='none';
	else if (document.getElementById("SWcheck").checked == false)
	document.getElementById(id).style.display='block';
}

function ShowSelects(nb)
{
	for (i = 0; i < nb; i++){
		if (document.getElementById("select_"+i).style.display == 'none'){
			document.getElementById("select_"+i).style.display = 'block';
			effectAppear("select_"+i, 0, 1, 0.01);
		}
	}
	document.getElementById("select_bottom").innerHTML = '';
}

function ChangeSelect(id)
{
	var el;

	el = document.getElementById(id);
	ChangeLoc(el.options[el.selectedIndex].value);
}

function Ship(id)
{
	window.open('templates/devis.php5?id='+id, 'Devis', config='location=no');
}