/*************************************************************
*   Fonction de gestion du portfolio
**************************************************************/
/***************************************************************************************************************************************
*
*  Chargement de la page
*
****************************************************************************************************************************************/
var disp
var increment_ascenceur ;
var move_haut;
var move_bas;

function load()
{
getXMLListePortfolio();
disp = "cadre_vignette";
increment_ascenceur = 1;
move_haut=false;
move_bas=false;
document.getElementById(disp).style.top = '0px';
document.getElementById(disp).style.height = '400px';
document.getElementById('barre_scroll').style.top = '0px';
new Control.Slider('scroll', 'barre_scroll', {
                                range: $R(0,300),
				axis: 'vertical',
				onSlide: function(v){
                                 // $('debug2').innerHTML = 'slide: ' + v ;
                                   //alert(document.getElementById(disp).style.height)
                                   document.getElementById(disp).style.top = -v+'px' ;
                                   
                                   },
				onChange: function(v){ //$('debug2').innerHTML = 'changed: ' + v
                                document.getElementById(disp).style.top = -v+'px' ;
                                }
});

}
/***************************************************************************************************************************************
*
*  Change l'opacité d'un element
*
****************************************************************************************************************************************/
function change_op(ide,opa)
{
Element.setOpacity(ide, opa);
}
/***************************************************************************************************************************************
*
*   Charge la grosse image
*
****************************************************************************************************************************************/
function charge_image(ide)
{
  var image = new Image();
  image.src = "everyday/view.php?id_portfolio="+ide+"&twidth=471px";
  document.getElementById("grande").src = image.src;
  
  var logo = new Image();
  logo.src = "everyday/view.php?id_logo="+ide;

  //recup ajax des donnée du portfolio
  getXMLPortfolio(ide)
}
/***************************************************************************************************************************************
*
*
*
****************************************************************************************************************************************/
function getXMLPortfolio(id){

   if(window.XMLHttpRequest){
      var objXMLHTTP = new XMLHttpRequest();
   }else{
      var objXMLHTTP = new ActiveXObject("Microsoft.XMLHTTP");
   }

   //recup les donnees
   objXMLHTTP.open("GET", "xml.php?action=portfolio_fiche&id="+id, true);

   objXMLHTTP.onreadystatechange =
   function() {
                    
       if(objXMLHTTP.readyState == 4)
       {
          var objXML = objXMLHTTP.responseXML;
          //on verif si le contenu a change
          if( objXML.getElementsByTagName("INFO_SERVEUR").length == 0 ){
                                
          //recupere les nom des responsables
          var root = objXML.getElementsByTagName("FICHE");

          if ( root.length == 1 ){
             document.getElementById('titre').innerHTML = root[0].childNodes[1].childNodes[0].nodeValue ;
             document.getElementById('texte').innerHTML = root[0].childNodes[2].childNodes[0].nodeValue + " ( "+root[0].childNodes[3].childNodes[0].nodeValue + " )";
             //document.getElementById('siteimplantation').innerHTML = root[0].childNodes[3].childNodes[0].nodeValue;
          }
        }
     }
   }
   objXMLHTTP.send(null);
}
/***************************************************************************************************************************************
*
*
*
****************************************************************************************************************************************/
function getXMLListePortfolio(ref){

   if(window.XMLHttpRequest){
      var objXMLHTTP = new XMLHttpRequest();
   }else{
      var objXMLHTTP = new ActiveXObject("Microsoft.XMLHTTP");
   }

     if (ref==null)
     {
      //recup les donnees
       objXMLHTTP.open("GET", "xml.php?action=portfolio", true);
     }else
     {
       //recup les donnees
       objXMLHTTP.open("GET", "xml.php?action=portfolio_ref&ref="+ref, true);
     }

   objXMLHTTP.onreadystatechange =
   function() {
                    
       if(objXMLHTTP.readyState == 4)
       {
          var objXML = objXMLHTTP.responseXML;
          //on verif si le contenu a change
          if( objXML.getElementsByTagName("INFO_SERVEUR").length == 0 ){
                                
          //recupere les nom des responsables
          var root = objXML.getElementsByTagName("FICHE");

          document.getElementById('cadre_vignette').innerHTML = "";
          if ( root.length >= 1 ){

            //ajoute toutes les vignettes
            for ( i = 0 ; i < root.length ; i++)
            {
                document.getElementById('cadre_vignette').innerHTML +="<img id=\"lol\" class=\"vignette\"  onclick=\"charge_image("+root[i].childNodes[0].childNodes[0].nodeValue+")\"  onmouseover=\"change_op(this,1)\" onmouseout=\"change_op(this,0.5)\"  style=\"border:0px solid grey;\"  src=\"everyday/view.php?id_portfolio="+root[i].childNodes[0].childNodes[0].nodeValue+"&twidth=41px&hmax=41\">";
            }

            //La 1er image est chargée dans la fiche
            var image = new Image();
            image.src = "everyday/view.php?id_portfolio="+root[0].childNodes[0].childNodes[0].nodeValue+"&twidth=471px";
            document.getElementById("grande").src = image.src;

            var logo = new Image();
            logo.src = "everyday/view.php?id_logo="+root[0].childNodes[0].childNodes[0].nodeValue;

            document.getElementById('titre').innerHTML = root[0].childNodes[1].childNodes[0].nodeValue;
            document.getElementById('texte').innerHTML = root[0].childNodes[2].childNodes[0].nodeValue+ " ( "+root[0].childNodes[3].childNodes[0].nodeValue + " )";
           // document.getElementById('siteimplantation').innerHTML = root[0].childNodes[3].childNodes[0].nodeValue;
            //Mise à jour de lopacité
            vignette = document.getElementsByClassName("cadre_vignette");
            for(i=0; i < vignette.length; i++) {
              Element.setOpacity(vignette[i], 0.5)
            }
          }
          else
          {
            var image = new Image();
            image.src = "images/portfoliovide.png";
            document.getElementById("grande").src = image.src;

            document.getElementById('titre').innerHTML = "";
            document.getElementById('texte').innerHTML = " Pas d\'image";
           // document.getElementById('siteimplantation').innerHTML = "";
          }

        }
     }
   }
   objXMLHTTP.send(null);
}

/***************************************************************************************************************************************
*
*  gere le scroll
*
****************************************************************************************************************************************/

function haut()
{
    str3 = (document.getElementById(disp).style.top).substring(0,document.getElementById(disp).style.top.length-2);

    str3 = parseInt(str3) + parseInt(-increment_ascenceur);

    heig = (document.getElementById(disp).style.height).substring(0,document.getElementById(disp).style.height.length-2);

   // alert(heig);

  if (str3 > (- heig /4 ) )
  {
    document.getElementById('scroll').style.top =  - str3+ "px";
    document.getElementById(disp).style.top = str3 + "px";
    if (move_haut)
    {
      window.setTimeout('haut();',10);
    }
  }
}

function bas()
{
  str3 = (document.getElementById(disp).style.top).substring(0,document.getElementById(disp).style.top.length-2);
  str3 = parseInt(str3) + parseInt(increment_ascenceur);
   
  if (str3 < 0)
  {
   document.getElementById('scroll').style.top =  - str3  + "px";
  document.getElementById(disp).style.top = str3 + "px";

    if (move_bas)
    {
      window.setTimeout('bas();',10);
    }
  }
}

function stopHaut(){
move_haut=false;
}
function stopBas(){
move_bas=false;
}