/* Modifie l'image principale de la zone de details produit. */
function changeImg(img)
{
  /*var elem_img = document.getElementById('detailCatalogImg').firstChild;
  url = img.src;
  parts = url.split('?');
  elem_img.src	= parts[0] + '?__scale=w:200,h:200,t:1';  */
  
  //parts = image.split('>');
  //imagepetite = parts[0] + '>';
  //imagegrande = parts[1] + '>';
  //alert('image recue ' + imagegrande);
  //alert(img);
  var elem_img = document.getElementById('detailCatalogImg');
  elem_img.innerHTML = img;
  elem_img.childNodes[0].style.display = 'none';
  elem_img.childNodes[1].style.display = 'inline';
}

/* */
function showMessageConnect(id, display)
{
	var elem = document.getElementById(id);
	elem.style.display = display;
}




/* Met a jour les donnees et rend visible la zone de details produits. */
function displayCatalogDetails(imgUriToShow, title, ref, dim, FD, descr, price, stock, available, colors, imgs, index, uri, isFavorite, ext)
{
  var elem_div = document.getElementById('detailCatalogue');
  var elem_title = document.getElementById('detailCatalogTitle');
//  var elem_ref = document.getElementById('detailCatalogRef');
//  var elem_dim = document.getElementById('detailCatalogDim');
  var elem_desc = document.getElementById('detailCatalogDescription');
  var elem_img = document.getElementById('detailCatalogImg');
  var elem_fd = document.getElementById('detailCatalogFD');
  var elem_price = document.getElementById('detailCatalogPriceValue');
  var elem_stock = document.getElementById('detailCatalogStock');
  var elem_addtoprefered = document.getElementById('detailCatalogAddToPrefered');
  var elem_available = document.getElementById('detailCatalogAvaibility');
  var elem_colors = document.getElementById('detailCatalogColor');
  var elem_vignettes = document.getElementById('detailCatalogVignettes');  
  var elem_previous = document.getElementById('detailCatalogPrevious');
  var elem_next = document.getElementById('detailCatalogNext');  
  var elem_uri = document.getElementById('detailCatalogUri'); 
  var elem_uri2 = document.getElementById('detailCatalogSampleUri');
  var elem_favaction = document.getElementById('detailCatalogAction');  
  var elem_favactionadd = document.getElementById('detailCatalogActionAdd'); 
  var elem_favactionsupp = document.getElementById('detailCatalogActionSuppress'); 

  var nivscroll = 0;
  if (typeof(window.pageYOffset) == 'number' ) {
  	//Netscape compliant
	nivscroll = window.pageYOffset;
  }else if (document.body && document.body.scrollTop) {
 	//DOM compliant
	nivscroll = document.body.scrollTop;
  }else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) {
  	nivscroll = document.documentElement.scrollTop;
  }
  elem_div.style.top = 170 + nivscroll + 'px';


  //affiche les donnees
  elem_div.style.visibility = 'visible';
  
  elem_title.innerHTML = title;
//  elem_ref.innerHTML = ref;
//  elem_dim.innerHTML = dim;

  elem_desc.innerHTML = descr;
  elem_img.innerHTML	= imgUriToShow;
  elem_fd.innerHTML = FD;
  elem_price.src = price;
  if(price.indexOf('calage.gif') != -1){
    document.getElementById("priceLine").innerHTML = "";
  } else {
    document.getElementById("priceLine").innerHTML = "Niveau de prix";
  }
  elem_stock.src = stock;

  elem_div.focus();

  var tableau_colors = colors.split(','); 
  /*Le tableau image contient des , dans les balises images!!!*/
  var tableau_vignettes = imgs.split('>,'); 
  

    

  if(available == 'true')
  	elem_available.style.display = 'block';
  else
  	elem_available.style.display = 'none';

  elem_colors.innerHTML = '';
  for(i=0; i<tableau_colors.length-1; i++){
 	elem_colors.innerHTML = elem_colors.innerHTML + '<a href="javascript:void(0);" onClick="changeImg(\'' + tableau_colors[i] + '\')"><img src="' + tableau_colors[i] + '" alt="" width="20" height="20"/></a><br/><br/>';
  }
  elem_vignettes.innerHTML = '';
  for(i=0; i<tableau_vignettes.length-1; i++){
    image = tableau_vignettes[i] + '>';
    /*parts = image.split('>');
    imagepetite = parts[0] + '>';
    imagegrande = parts[1] + '>';
    alert('tag image petite ' + imagepetite);
    alert('tag image agrandie ' + imagegrande);*/
  	elem_vignettes.innerHTML = elem_vignettes.innerHTML + '<a  onmouseup="changeImg(this.innerHTML)">' + image + '</a>';
  }
  elem_previous.onclick = function() { 
	eval( "updateCatalogNavigation" + ext + "(index - 1);"); 
  };
  elem_next.onclick = function() { 
	eval ("updateCatalogNavigation" + ext + "(index + 1);"); 
  };
  if(elem_uri) elem_uri.value = uri;
  if(elem_uri2) elem_uri2.value = uri;
  if(isFavorite == 'true')
  {
  	elem_favaction.value = 'suppress';
  	elem_favactionadd.style.display = 'none';
  	elem_favactionsupp.style.display = 'inline';
  }
  if(isFavorite == 'false')
  {
  	elem_favaction.value = 'add';
  	elem_favactionadd.style.display = 'inline';
  	elem_favactionsupp.style.display = 'none';
  }


	
 elem_div.style.zIndex = 20;
 elem_img.zIndex = 21;
 var iframe = document.getElementById("productIframe");
 iframe.style.display='block';
 iframe.style.visibility='visible';
 iframe.style.position='absolute';
 iframe.style.left = elem_div.offsetLeft + "px";
 iframe.style.top = elem_div.offsetTop + "px";
 iframe.style.height = elem_div.offsetHeight + "px";
 iframe.style.width = elem_div.offsetWidth + "px";
 iframe.style.zIndex = elem_div.style.zIndex - 1;
 iframe.style.opacity = 0;
 iframe.style.filter = 'alpha(opacity=0)';


}



/* ----------------- stephane ------------------------ */

/*
* Affiche le cadre et les infos du produit 'num'
*/
/*
function displayBox(num)
{
  //r�ccup�re le cadre ou l'on souhaite ins�rer les donn�es
  var elem = document.getElementById('detailCatalogue');
  var elem2 = document.getElementById('iframe_' + 'detailCatalogue');

  //R�cupere les donn�es du produit 'num'
  var productDatas = document.getElementById('produit'+num).innerHTML;

  //parse les donn�es r�cup�r�
  var datas = productDatas.split(new RegExp(";;;", "g"));
  
  //rempli le cadre avec les donn�es
  elem.innerHTML = fillDatas(datas,num);
    
  //affiche les donn�es
  elem.style.visibility = 'visible';
  elem2.style.visibility = 'visible';
}
*/

/*
* Renvoi les infos formalis� en HTML
*/
/*
function fillDatas(datas,num){

return  "<p class='fermer'><input type='button' value='Fermer' onClick='closeBox()'/><input type='button' value='x' onClick='closeBox()' /></p>" +
  "<table cellpadding='0' cellspacing='5' border='0'>"+
    "<tr>"+
      "<td><img src=" + datas[0]  +" alt='Image Catalogue'  /></td>"+
      "<td style='text-align:center'><a href='#" + datas[4] + "'><img src='images/pic_favoris.gif' style='border:0' /><br />Ajouter aux favoris</a></td>"+
    "</tr>"+
    "<tr>"+
      "<td colspan='2'>"+
      "  <h3>" + datas[1] + "</h3>"+
     "   <p>Ref :" + datas[2] + "  D: " + datas[3] + "</p>"+
    "  </td>"+
   " </tr>"+
  "</table>"+
  "<p style='float:left; margin-right:20px;'><a href='#' onClick='displayBox(" + getPrevious(num) + ")'>Pr�c�dent</a></p>"+
  "<p style='float:left'><a href='#' onClick='displayBox(" + getNext(num) + ")'>Suivant</a></p>";
  

}*/
/*
* Ferme la fenetre
*/
function closeBox()
{
    var iframe = document.getElementById("productIframe");
    iframe.style.display='none';
    iframe.style.visibility='hidden';

    for(var i=0; i<objectToDrag.length; i++){
      objectToDrag[i].style.visibility = 'hidden';
    }
}
/*
* Retourne le 'num' produit suivant
*//*
function getNext(num)
{
  var nbElem = document.getElementById('nbDetailCatalogue').innerHTML;
  return((num==nbElem) ? 1 : num+1);
}  */
/*
* Retourne le 'num' produit pr�c�dent
*//*
function getPrevious(num)
{
  var nbElem = document.getElementById('nbDetailCatalogue').innerHTML;
  return((num==1) ? nbElem : num-1);
}  */
  
///////////////////DRAG AND DROP ///////////////
var isDragging = false;
var objectToDrag;
var ecartX;
var ecartY;

var curX;
var curY;

function initPosition(obj_id){
  var larg = window.document.body.offsetWidth;
  var haut = window.document.body.offsetHeight;
  
  //IE
  
	/*if(document.all){
		larg = window.document.body.clientWidth;
		haut = window.document.body.clientHeight;
	}
  else
  {
		larg = window.innerWidth;
		haut = window.innerHeight;
  }
*/

	if (document.all){
		if (!document.documentElement.scrollTop)
	      scrollY = document.body.scrollTop;
		else
	      scrollY = document.documentElement.scrollTop;
    }else{
		scrollY = window.pageYOffset;
    } 

  	var posX = ( larg - document.getElementById(obj_id).offsetWidth) / 2;
  	var posY = document.body.scrollTop + 200 /*200 ( haut - document.getElementById(obj_id).offsetHeight) / 2*/;
  
  	if(document.all){
		posX = posX / 2;
	}
	if(posY < 50){
		posY = 50;
	}


	document.getElementById(obj_id).style.left = posX + 'px';
	document.getElementById(obj_id).style.top = posY + 'px';


	/*document.getElementById('iframe_' + obj_id).style.left = posX + 'px';
	document.getElementById('iframe_' + obj_id).style.top = posY + 'px'; */
}
/*
* R�cupp�re la position du curseur
*/
function getPositionCurseur(e){
 return;
  var posX;
  var posY;
  
	//ie
	if(document.all){
		posX = event.clientX;
		posY = event.clientY;
	}
	
	//netscape 4
	if(document.layers){
		posX = e.pageX;
		posY = e.pageY;
	}
	
	//mozilla
	if(document.getElementById){
		posX = e.clientX;
		posY = e.clientY;
	}

  return [posX, posY];
}
/*
* D�but du drag
*/
function beginDrag(id_obj,e){

	isDragging = true;
	objectToDrag = [document.getElementById(id_obj), document.getElementById('iframe_' + id_obj)];
  return;
  //Init position curseur
	var pos = getPositionCurseur(e);
  curX = pos[0];
  curY = pos[1];
  
}

function drag(e){
	return false;
	var newPosX;
	var newPosY;
  
	if(isDragging == true){
    var pos = getPositionCurseur(e);
    //Position du curseur courant - ancienne position du curseur
		ecartX = pos[0] - curX;
		ecartY = pos[1] - curY;

    //Ancienne position + changement de position
    newPosX = objectToDrag[0].offsetLeft + ecartX;
		newPosY = objectToDrag[0].offsetTop + ecartY;

    //MAJ position courante du curseur
    curX = pos[0];
    curY = pos[1];
    
    for(var i=0; i<objectToDrag.length; i++){
      objectToDrag[i].style.left = newPosX + 'px';
      objectToDrag[i].style.top = newPosY + 'px';
    }



	}
}
/*
* Fin drag
*/
function endDrag(){
 return;
	isDragging = false;
}