function MaskAffich(nbElement,element, display) { 
	style = (display)? 'block': 'none';
	style2 = (display)? 'none':'block';
	if(nbElement==0) {
		$('backon'+element).style.display=style;
		$('backonPic'+element).style.display=style;
		$('backoff'+element).style.display = style2;
		$('backoffPic'+element).style.display=style2;
	}
	else
		for(i=0; $('backon'+i); ++i) {
				$('backon'+i).style.display = style;
				$('backonPic'+i).style.display = style;
		}
}	

function changeOpacity(element, newOpacity) {
    element.style.opacity = (newOpacity / 100);
    element.style.MozOpacity = (newOpacity / 100);
    element.style.KhtmlOpacity = (newOpacity / 100);
    element.style.filter = "alpha(opacity=" + newOpacity + ")";
}	

function changePic(element) {
	currentBig = $('photo'+current);
	/*$('bigPic').src = element.src.replace('_mini', '_big');*/
	changeOpacity(currentBig, 100);
	current = element.id.replace('photo', '');
	changeOpacity(element, 50);
	element.parentNode.className = 'actif';
	currentBig.parentNode.className = 'inactif';
}


function changePicsColors(newColor) {
	affectColorTo($('bigPic'), newColor);
	for(var i=1; i<=4; ++i)
		affectColorTo($('photo'+i), newColor);
}

function affectColorTo(element, color) {
	var myArray = element.src.split('_');
	myArray[2] = color.toLowerCase();
	element.src = myArray.join('_');
}

function majSize(color){
	url = 'maj.php';
	color = $('color'+color).getAttribute("title");
	new Ajax.Request(url, {
  	   method: 'post',
       parameters: {'value': encodeURIComponent(color), 'type': 'size'},
	   onSuccess: function(transport) {
		  $('sizesupdate').innerHTML = transport.responseText;
		  $('nbProduct').innerHTML = $('prodAjax').innerHTML;
		  $('prodAjax').style.display = 'none';
		  $('prodAjax').parentNode.removeChild($('prodAjax')); 
  	   }
	});	
}

function majStock(size){
	url = 'maj.php';
	size = $('size'+size).getAttribute("title");
	new Ajax.Request(url, {
  	   method: 'post',
       parameters: {'value': encodeURIComponent(size), 'type': 'stock'},
	   onLoading: function(){ $('nbProduct').innerHTML = 'Chargement...' },
	   onSuccess: function(transport) {
		  $('nbProduct').innerHTML = transport.responseText;
		  $('nbProduct').innerHTML = $('prodAjax').innerHTML;
		  $('prodAjax').style.display = 'none';
		  $('prodAjax').parentNode.removeChild($('prodAjax')); 
  	   }
	});	
}

function addPanier(){
	var size = $('size'+$('size').value).getAttribute("title");
	var url = 'panier.php';
	new Ajax.Request(url, {
  	   method: 'post',
       parameters: {'size': encodeURIComponent(size)},
	   onSuccess: function(transport) {
		  if (transport.responseText == "-1") {
 	 		  location.replace('../error-login.html');
		  	  return;
		  }
		  if (transport.responseText == true) {
			  $('panierPlein').style.display = 'block';
			  $('panierVide').style.display = 'none';
			  var msg = '<p style="text-align:center">Le produit a été ajouté à votre panier avec succès.</p>';
		  }
		  else
			  var msg = '<p style="text-align:center">Le produit n\'a pas pu être ajouté à votre panier car le stock disponible est insuffisant.</p>';
		  Modalbox.show('../affichageLightBox.php', {title: ' ', method: 'get', params: {'msg': msg}, width: 660, height: 350});
  	   }
	});
}

var current = 1;


/**** CPT ****/
function format(number){
   var strNumber = new String(number);
   var toReturn = '';
   var size = strNumber.length;
   if(size<2)
       toReturn = '<img src="../decoupes/chiffres/0.jpg" width="10" height="15" />';
   for(var i=0; i<size; ++i)
       toReturn += '<img src="../decoupes/chiffres/'+strNumber.charAt(i)+'.jpg" width="10" height="15" />';
   return toReturn;
 }

function majCpt(){
   time = $('timervente').value - 1;
   $('timervente').value = time;
   if(time<=0) location.reload();
   heures = Math.floor(time/(60*60));
   minutes = Math.floor((time-heures*60*60)/60);
   secondes = Math.floor(time-heures*60*60-minutes*60);
   //format(heures, minutes, secondes);
   $('cpt').innerHTML = format(heures)+'<img src="../decoupes/chiffres/points.jpg" width="10" height="15" />'+format(minutes)+'<img src="../decoupes/chiffres/points.jpg" width="10" height="15" />'+format(secondes);
}

function setCpt(){
   if(!$('timervente'))
   	   return;
   setInterval('majCpt()', 1000);
}   

window.onload = function() { MaskAffich(-1, false, true); setCpt(); hideLoading(); };