/*********************************
 * PEM EFFECTS @ 2008
 *********************************/


/*********************************************
*   FONCTION killEvent( event )
**********************************************/
function killEvent( event ){
  if ( !event ) event = window.event;

  if (event.stopPropagation) {
    event.stopPropagation();
  }
  event.cancelBubble = true;

}


/*********************************************
*   FONCTION getLeft(l)
**********************************************/
function getLeft(l) {
  // si et tant que nous trouvons un parent, nous additionnons les "LEFT" de tous les parents
  if (l.offsetParent) return (l.offsetLeft + getLeft(l.offsetParent));
  // sinon nous renvoyonsle LEFT
  else return (l.offsetLeft);
}


/*********************************************
*   FONCTION getTop(l)
**********************************************/
function getTop(l) {
  // si et tant que nous trouvons un parent, nous additionnons les "TOP" de tous les parents
  if (l.offsetParent) return (l.offsetTop + getTop(l.offsetParent));
  // sinon nous renvoyonsle TOP
  else return (l.offsetTop);
}


/*********************************************
*   FONCTION hideMe
**********************************************/
function hideMe( zeEl ){
  zeEl.style.display = 'none';
}

/*********************************************
*   FONCTION showMe
**********************************************/
function showMe( zeEl ){
  zeEl.style.display = 'block';
}

/*********************************************
*   FONCTION fadeElement
**********************************************/
function fadeElement( ElId ){
  // récupération de l'élément
  var myel = document.getElementById(ElId);
  // si un argument à été passé en paramètre (pour forcer la durée de timeout)
  if ( arguments.length > 1 ){
    // alors nous le récupérons
    i = arguments[1];
  }else{
    // sinon nous appliquons la valeur par défaut
    // en fonction du navigateur, la transparence n'est pas gérée de la même façon
    if (navigator.appName.indexOf("Netscape")!=-1&&parseInt(navigator.appVersion)>=5){
      i = (myel.style.MozOpacity) * 100;
    }else{
      var op = myel.style.filter;
      op = op.substr( 14, ( op.length  - 15 ) );
      i = op * 1;
    }
//    alert( i );
    /*i = 100;*/
  }
  // en fonction du navigateur, la transparence n'est pas gérée de la même façon
  if (navigator.appName.indexOf("Netscape")!=-1&&parseInt(navigator.appVersion)>=5){
    myel.style.MozOpacity = ( i / 100 );
  }else{
    myel.style.filter = "alpha(opacity=" + i + ")";
  }
	// si i est = 0, alors nous effaçons directement le fenêtre
	if ( i == 0 ) {
    // nous annulons le timeout si il y en a un
    clearTimeout(to_disappear);
    i = 100;
    myel.innerHTML = '';
    // en fonction du navigateur, la transparence n'est pas gérée de la même façon
    if (navigator.appName.indexOf("Netscape")!=-1&&parseInt(navigator.appVersion)>=5){
      myel.style.MozOpacity = ( i / 100 );
    }else{
      myel.style.filter = "alpha(opacity=" + i + ")";
    }
    myel.style.display = 'none';
    return true;
  }
  // ensuite nous démarrons notre timer
	to_disappear = setTimeout( 'fadeElement( \''+ElId+'\', '+( i-1 )+')', 10 );
}


/*********************************************
*   FONCTION showPopupAnimation( myDiv, zeContent )
**********************************************/
function showPopupAnimation( myDiv, zeContent ){

  showModal();

  document.getElementById(myDiv).innerHTML = zeContent;
/*  document.getElementById(myDiv).style.overflow = 'hidden';*/
  document.getElementById(myDiv).style.visibility = 'hidden';
  document.getElementById(myDiv).style.display = 'block';
/*
  document.getElementById(myDiv).style.top = '30%';
  document.getElementById(myDiv).style.left = '45%';
*/
	array_page_size = getPageSize();
	array_page_scroll = getPageScroll();

	var middleHeight = ( ( array_page_size[3] * 1 ) / 2 ) - ((maxHeight * 1)/1.5);
	document.getElementById(myDiv).style.top = array_page_scroll[1]+middleHeight+'px';// 200 pour la marge top
	document.getElementById(myDiv).style.left = array_page_size[0]/2-((maxWidth * 1)/2)+'px';

  // en fonction du navigateur, la transparence n'est pas gérée de la même façon
  if (navigator.appName.indexOf("Netscape")!=-1&&parseInt(navigator.appVersion)>=5){
    var maxWidth  = document.getElementById(myDiv).offsetWidth * 1 - 2;
    var maxHeight = document.getElementById(myDiv).offsetHeight * 1 - 2;
  }else{
    var maxWidth  = document.getElementById(myDiv).offsetWidth * 1;
    var maxHeight = document.getElementById(myDiv).offsetHeight * 1;
  }

  document.getElementById(myDiv).style.height = '0px';
  document.getElementById(myDiv).style.width  = '0px';

  document.getElementById(myDiv).style.visibility = 'visible';

  var ratio = ( maxWidth / maxHeight );

  animate( myDiv, maxWidth, maxHeight, ratio, 0, 1 );
}


/*********************************************
*   FONCTION hidePopupAnimation( Elem )
**********************************************/
function hidePopupAnimation( Elem ){

//  document.getElementById(Elem).style.overflow = 'hidden';

  // en fonction du navigateur, la transparence n'est pas gérée de la même façon
  if (navigator.appName.indexOf("Netscape")!=-1&&parseInt(navigator.appVersion)>=5){
    var maxWidth  = document.getElementById(Elem).offsetWidth * 1 - 2;
    var maxHeight = document.getElementById(Elem).offsetHeight * 1 - 2;
  }else{
    var maxWidth  = document.getElementById(Elem).offsetWidth * 1;
    var maxHeight = document.getElementById(Elem).offsetHeight * 1;
  }

  var ratio = ( maxWidth / maxHeight );

  if ( maxWidth >= maxHeight ){
    var i = maxHeight - 1;
  }else{
    var i = maxWidth - 1;
  }

  animate( Elem, maxWidth, maxHeight, ratio, i, 0 );

}


/*********************************************
*   FONCTION animate( myDiv, maxWidth, maxHeight, ratio, i, direction )
**********************************************/
function animate( myDiv, maxWidth, maxHeight, ratio, i, direction ){

  if ( maxWidth >= maxHeight ){
    if ( i >= maxHeight ) {
      document.getElementById(myDiv).style.height = maxHeight  + 'px';
      document.getElementById(myDiv).style.width  = maxWidth   + 'px';
      clearTimeout(tod);
      return true;
    }
    if ( direction == 0 && i <= 5 ){
        document.getElementById(myDiv).style.visibility = 'hidden';
        document.getElementById(myDiv).style.height  = maxHeight + 'px';
        document.getElementById(myDiv).style.width   = maxWidth  + 'px';
        document.getElementById(myDiv).style.display = 'none';
        document.getElementById(myDiv).innerHTML = '';
        clearTimeout(tod);
        return true;
    }
    document.getElementById(myDiv).style.height = i + 'px';
    document.getElementById(myDiv).style.width  = Math.round( i * ratio ) + 'px';

  }else{
    if ( i >= maxWidth ) {
      document.getElementById(myDiv).style.height = maxHeight  + 'px';
      document.getElementById(myDiv).style.width  = maxWidth   + 'px';
      clearTimeout(tod);
      return true;
    }
    if ( direction == 0 && i <= 5 ){
        document.getElementById(myDiv).style.visibility = 'hidden';
        document.getElementById(myDiv).style.height  = maxHeight + 'px';
        document.getElementById(myDiv).style.width   = maxWidth  + 'px';
        document.getElementById(myDiv).style.display = 'none';
        document.getElementById(myDiv).innerHTML = '';
        clearTimeout(tod);
        return true;
    }
    document.getElementById(myDiv).style.width   = i + 'px';
    document.getElementById(myDiv).style.height  = Math.round( i * ratio ) + 'px';
  }


  if ( direction == 1 ){
    i = i + 20;
  }else{
    i = i - 20;
  }
  tod = setTimeout( 'animate( \''+myDiv+'\', '+maxWidth+', '+maxHeight+', '+ratio+', '+i+', '+direction+' )', 1 );

}

// -----------------------------------------------------------------------------------
// getPageScroll()
// Returns array with x,y page scroll values.
// Core code from - quirksmode.org
// Code by Lokesh Dhakar
function getPageScroll(){
	var yScroll;
	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
	} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
	} else if (document.body) {// all other Explorers
		yScroll = document.body.scrollTop;
	}
	arrayPageScroll = new Array('',yScroll)
	return arrayPageScroll;
}

// -----------------------------------------------------------------------------------
// getPageSize()
// Returns array with page width, height and window width, height
// Core code from - quirksmode.org
// Code by Lokesh Dhakar
// Edit for Firefox by pHaez
//
function getPageSize(){
	var xScroll, yScroll;
	if (window.innerHeight && window.scrollMaxY) {
		xScroll = document.body.scrollWidth;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else {
		pageHeight = yScroll;
	}
	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){
		pageWidth = windowWidth;
	} else {
		pageWidth = xScroll;
	}
	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
	return arrayPageSize;
}


function formNextField( formId, curInputId, e ){
  	if (!e) var e = window.event;
    e.cancelBubble = true;

  	var code = 0;
  	if (e.keyCode) {
  	  	code = e.keyCode;
  	}else{
  	 if (e.which) {
  	   	code = e.which;
  	  }
  	}
//    alert(code);

    var nbFields  = document.getElementById('nbFields').value;
    var curNumber = curInputId.substring( curInputId.lastIndexOf( "_" ) + 1, curInputId.length );

    switch( code ){

      case 37:
        var newNumber = ( curNumber * 1 ) - 1;
        if( newNumber < 0 ) newNumber = ( nbFields - 1 );
//        alert( "input_" + newNumber );
        document.getElementById( "input_" + newNumber ).focus();
        break;

      case 39:
        var newNumber = ( curNumber * 1 ) + 1;
        if( newNumber > ( nbFields - 1 ) ) newNumber = 0;
        document.getElementById( "input_" + newNumber ).focus();
        break;

      case 38:
        var newNumber = ( curNumber * 1 ) - 5;
        if( newNumber < 0 ) newNumber = curNumber;
        document.getElementById( "input_" + newNumber ).focus();
        break;

      case 40:
        var newNumber = ( curNumber * 1 ) + 5;
        if( newNumber > ( nbFields - 1 ) ) newNumber = curNumber;
        document.getElementById( "input_" + newNumber ).focus();
        break;

      default:
        return false;
    }

/*
  	if( code == 13 ) {
      var myQty = document.getElementById('products_quantity').value;
      loadPageContent('', '', 'add2cart&qty='+myQty, 'cart_quantity' );
  		e.returnValue = false;
  		return false;
		}
*/
}


function addOneSLRow( htmlElementId, nbFields2Add, totalFieldsId, zeFormId ){

  var zeHTMLel = document.getElementById( htmlElementId );
  var nbFields = document.getElementById( totalFieldsId ).value * 1;
  var tempHTML = '';

//  alert( document.getElementById( totalFieldsId ).value );

  var theform = document.getElementById( zeFormId );
  var els     = theform.elements;
  var len     = els.length;

  var myEls   = new Array();
  var el = false;
  var i  = 0;

  var tempArr = new Array();

  for (i = 0; i < len; i++) {
    el = els[i];
    tempArr["id"] = el.id;
    tempArr["value"] = el.value;
    myEls[i] = tempArr.clone();
//    tempHTML += el.id+"b<input type=\"text\" id=\""+el.id+"b\" name=\"csl[]\" size=\"18\" style=\"margin:3px;\" onKeyUp=\"formNextField( 'query_csl', this.id, event );\" value=\""+el.value+"\"/>\n";
  }

//  document.getElementById('nextGen').innerHTML += tempHTML;

  tempHTML = '';

//  print_r(els);
  for ( var i = 0; i < nbFields2Add; i++ ){
    tempHTML += "<input type=\"text\" id=\"input_"+( nbFields + i )+"\" name=\"csl[]\" size=\"16\" style=\"margin:3px;\" onKeyUp=\"formNextField( 'query_csl', this.id, event );\" value=\"\"/>\n";
  }
  tempHTML += '<br/>\n';

  zeHTMLel.innerHTML += tempHTML;

  var len     = myEls.length;

  for (var i=0; i<len; i++) {
    var el = myEls[i];
//    alert( el["id"] +'b' );
//    var zeval = document.getElementById( el["id"] + 'b' ).value;
    document.getElementById( el["id"] ).value = el["value"];
  }

//  document.getElementById('nextGen').innerHTML = '';
  document.getElementById( totalFieldsId ).value = nbFields + nbFields2Add * 1;
//  alert( document.getElementById( totalFieldsId ).value );

  delete( tempHTML );
  delete( zeval );
  delete( el );
  delete( els );
  delete( theform );
  delete( nbFields );
  delete( zeHTMLel );
  delete( nbFields2Add );
  delete( totalFieldsId );

}

function clearForm( zeFormId ){

  var theform = document.getElementById( zeFormId );
  var els = theform.elements;
  var len = els.length;

  for (var i=0; i<len; i++) {
    var el = els[i];
    if (!el.disabled) {
      switch(el.type) {
        case 'text': case 'password': case 'hidden': case 'textarea':
		      if ( el.value == '' ) {
		        el.disabled = true;
		        el.style.backgroundColor = '#F0F0F0';
          }
          break;
        case 'select-one':
          break;
        case 'select-multiple':
          break;
        case 'checkbox': case 'radio':
          break;
      }
    }
  }

  delete theform;
  delete els;
  delete len;

}