//on page load call DC_init
$(document).ready(DC_init);
//arrangement libre de thickbox
var imageArray = [];
var FULL_S = false;
var DIAPO = false;
var image =[];

var n=0;


function DC_image() {
	var t = this.title || this.name ;
//	DC_show(t,this.href,g);
//charger la page en dehors ce dc_show 1601
    try {
    if (document.getElementById("DC_HideSelect") == null) {
             DC_menu="<ul id='menu'></ul>";
             DC_droite="<ul id='droite'></ul>";
              DC_menu1="<ul id='menu1'></ul>";
              DC_droite1="<ul id='droite1'></ul>";






     DC_haut="<div id='haut'></div>" ;
       DC_bas="<div id='bas'></div>"  ;
    $("body").append("<iframe id='DC_HideSelect'></iframe><div id='DC_overlay'></div>");
    $("#DC_overlay").append(DC_menu)
    $("#DC_overlay").append(DC_menu1)
    $("#DC_overlay").append(DC_droite)
    $("#DC_overlay").append(DC_droite1)
    $("#DC_overlay").append(DC_haut);
    $("#DC_overlay").append(DC_bas);
    $("#menu").css({   float: "left" , listStyleType: "none"});
    $("#menu1").css({   float: "left", listStyleType: "none"});
    $("#droite").css({  float: "right", listStyleType: "none"});
    $("#droite1").css({ float: "right", listStyleType: "none"});

    $("#haut").css({position: "absolute", left: "24%", float: "left" , listStyleType: "none"});
    $("#bas").css({position: "absolute", left: "24%",width: "50%", listStyleType: "none"});

       var pagesize = DC_getPageSize();


          if( image.length<16){
             var n = 4; }
              else{
           var n = 5; }

      var x = (pagesize[1] - 80)/n;
       for (Counter = 0; ((Counter < image.length) ); Counter++) {
             var  OrWidth = image[Counter][1];
           var   OrHeight  = image[Counter][0];
            var  miniatsrc  = image[Counter][2];
           var    miniatA = image[Counter][4];
           var    miniatAhref = image[Counter][5];
           var    miniatAtit = image[Counter][6];
           var    miniatmarg = parseInt(image[Counter][3])*(x*0.90)/100+"px";
       if( miniatA=="horiz"){var   miniatWidth = x*0.90;var   miniatHeight  = OrHeight*miniatWidth/OrWidth;}
          else { var   miniatHeight  =x*0.90;var   miniatWidth = OrWidth*miniatHeight/OrHeight;}
          
        DC_LI= '<li id="'+Counter+'">' +
                    '<a href="' +miniatAhref + '"title="'+ miniatAtit+'" class="' + miniatA + '" style="width: ' +
                            x*0.92 + 'px; height: ' +
                           x*0.92 + 'px">' + '<img src="'+miniatsrc+'" width="'+miniatWidth+'" height="'+miniatHeight+'"title="'+ miniatAtit+'" alt="'+ miniatAtit+'"style="margin-top: '+ miniatmarg+'" />'+
                    '</a>' +
                '</li>' ;
          
            if( image.length<16){

               if (Counter<8){
             if ((Counter-1)%2) {

             //   jQuery(imageLi[Counter][0]).clone().appendTo($("#menu"))
            $("#menu").append( DC_LI);
          // $("#menu").append("<li><a class='"+ miniatA+"' href='"+miniatAhref+"' ><img  src='"+miniatsrc+"' width='"+miniatWidth+"' height='"+miniatHeight+"' alt='"+ miniatAtit+"' /></a></li>");
          // $("#DC_overlay  a.horiz img") .css({"marginTop":miniatmarg}) ;
                                  }
             else{
            //  jQuery(imageLi[Counter][0]).clone().appendTo($("#droite"))
              $("#droite").append( DC_LI);                                                          }
              }//c8
          else {
                if ((Counter-1)%2) {
            // jQuery(imageLi[Counter][0]).clone().appendTo($("#menu1"))
             $("#menu1").append( DC_LI);
             }
             else{
           // jQuery(imageLi[Counter][0]).clone().appendTo($("#droite1"))
            $("#droite1").append( DC_LI);
             }

          }

   }
        else{

         if (Counter<10){
             if ((Counter-1)%2) {
             // jQuery(imageLi[Counter][0]).clone().appendTo($("#menu"))
            // $("#menu").append((imageLi[Counter][0]).clone());
              $("#menu").append( DC_LI);



                                                                       }
             else{
             // jQuery(imageLi[Counter][0]).clone().appendTo($("#droite"))
              $("#droite").append( DC_LI);                                                          }
              } //c10
          else {
                if ((Counter-1)%2) {
            // jQuery(imageLi[Counter][0]).clone().appendTo($("#menu1"))
              $("#menu1").append( DC_LI);
                                                                       }
             else{
           // jQuery(imageLi[Counter][0]).clone().appendTo($("#droite1"))
            $("#droite1").append( DC_LI);
                                                                       }

          }

     }





           
             } //for
             
      }
 DC_overlaySize();

 DC_show(t,this.href);
 this.blur();
         } catch(e) {
    alert( e );

       }

 $("#DC_overlay a").unbind("click");
$("#DC_overlay a").click(function(){

     var ti = this.title || this.name || null;

     DC_NextHTML == ""  ;
    $("#DC_window").remove();
          $("body").append("<div id='DC_window'></div>");

           DC_show(ti,this.href);


          return false;

 });



	return false;


         } //DC_image
             
function DC_init(){



  	$("#documents_portfolio a").each(
		function(i) {
			if (
				(this.type && this.type.match(/^image[\/](jpeg|gif|png)$/i))
				|| (this.href && this.href.match(/\.(jpeg|jpg|png|gif)$/i))
			) {
                                 this.onclick = DC_image;

				// we store image links in an array (for a gallery)
				imageArray.push ([
					this.href,
					this.title || this.name ,
					this.innerHTML
				]);

			}

		}
	);



          	$("#documents_portfolio img").each(
		function(i) {



				// we store image links in an array (for a gallery)
				image.push ([
				this.height,
				this.width ,
                                this.src,
                               $(this).css("marginTop"),
                                this.parentNode.className,
                               this.parentNode.href,
                                this.parentNode.title
				]);



		}
	);

}
function DC_show(caption, url) {//function called when the user clicks on a thickbox link

    $("#DC_overlay").append("<div id='DC_window'></div>");
    if(caption==null){caption=""};
    $("#haut").html("");
    $("#bas").html("");
   // if(!FULL_S){
    $(window).scroll(DC_position);
   // }



    $("body").append("<div id='DC_load'><img src='squelettes/ajax-loader(3).gif' /></div>");
    DC_load_position();


     if(url.indexOf("?")!==-1){ //If there is a query string involved
      var baseURL = url.substr(0, url.indexOf("?"));
     }else{
         var baseURL = url;
     }
     var urlString = /\.jpg|\.jpeg|\.png|\.gif|\.bmp/g;
     var urlType = baseURL.toLowerCase().match(urlString);

    if(urlType == '.jpg' || urlType == '.jpeg' || urlType == '.png' || urlType == '.gif' || urlType == '.bmp'){//code to show images

      DC_PrevCaption = "";
      DC_PrevURL = "";
      DC_PrevHTML = "";
      DC_NextCaption = "";
      DC_NextURL = "";
      DC_NextHTML = "";
      DC_imageCount = "";
      DC_Count = 0;
       DC_Full_Size = "";
      DC_Li= "";
      DC_FoundURL = false;
      if(imageArray.length > 0){
        DC_TempArray = imageArray ;
        for (DC_Counter = 0; ((DC_Counter < DC_TempArray.length) && (DC_NextHTML == "")); DC_Counter++) {
          var urlTypeTemp = DC_TempArray[DC_Counter][0].toLowerCase().match(urlString);
            if (!(DC_TempArray[DC_Counter][0] == url)) {
              if (DC_FoundURL) {
                DC_NextCaption = DC_TempArray[DC_Counter][1];
                DC_NextURL = DC_TempArray[DC_Counter][0];
                DC_NextHTML = "<span id='DC_next'>&nbsp;&nbsp;<a href='#'>Suivante&gt;</a></span><span id='DC_Diapo'>&nbsp;&nbsp;<a href='#'><img src='squelettes/player_play.gif' width='10' height=''>Diaporama &gt;</a></span>";
              } else {
                DC_PrevCaption = DC_TempArray[DC_Counter][1];
                DC_PrevURL = DC_TempArray[DC_Counter][0];
                DC_PrevHTML = "<span id='DC_prev'>&nbsp;&nbsp;<a href='#'>&lt; Precedente</a></span>";
              }
            } else {
              DC_FoundURL = true;
              DC_imageCount = "Image " + (DC_Counter + 1) +" of "+ (DC_TempArray.length);
              DC_Count = DC_Counter;
            }
        }
      }
      imgPreloader = new Image();
      imgPreloader.onload = function(){
      imgPreloader.onload = null;

      // Resizing large images - orginal by Christian Montoya edited by me.

      var pagesize = DC_getPageSize();
      var x = pagesize[0] - 60;
      var y = pagesize[1] - 90;
      var imageWidth = imgPreloader.width;
      var imageHeight = imgPreloader.height;
      IMAGE_WIDTH = imageWidth ;
	  IMAGE_HEIGHT = imageHeight ;
      if (imageWidth > x) {

        imageHeight = imageHeight * (x / imageWidth);
        imageWidth = x;
        if (imageHeight > y) {

          imageWidth = imageWidth * (y / imageHeight);
          imageHeight = y;
        }
      } else if (imageHeight > y) {

        imageWidth = imageWidth * (y / imageHeight);
        imageHeight = y;
        if (imageWidth > x) {

          imageHeight = imageHeight * (x / imageWidth);
          imageWidth = x;
        }
      }
      // End Resizing
       DC_Diapo1 = "<span id='DC_Diapo'>&nbsp;&nbsp;<a href='#'><img src='squelettes/ajax-loader(2).gif'/><strong>[ARRETER]</strong></a></span>";
       DC_Diapo2 = "<span id='DC_Diapo'>&nbsp;&nbsp;<a href='#'><strong>[ARRETER]</strong></a></span>";

      DC_WIDTH = imageWidth + 20;
      DC_HEIGHT = imageHeight + 20;
      $("#DC_window").append("<img id='DC_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"'/>");
     // $("#DC_window").append("<a href='' id='DC_ImageOff'><img id='DC_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"'/></a>" + "<div id='DC_legend' style='background-color:#fff'><div id='DC_closeWindow'><a href='#' id='DC_closeWindowButton'><img src='"+DC_chemin_close+"' /></a></div><div id='DC_caption'>"+caption+"</div><div id='DC_secondLine'>" + DC_imageCount + DC_Full_Size + DC_PrevHTML + DC_NextHTML + DC_Diapo +"</div></div>");

       if (!DIAPO)

       $("#haut").append("<div >" +DC_imageCount+ "&nbsp;&nbsp;cliquer sur une image ou &gt;"  + DC_PrevHTML + DC_NextHTML +  "<span id='DC_closeWindow'><a href='#' id='DC_closeWindowButton' title='Fermer la fenêtre'>Fermer</a></span></div>");
       else
        $("#haut").append("<div >" + DC_imageCount + DC_Diapo1+ "</div>");



       if (!(caption == " ")){
        $("#bas").append("<div id='DC_caption'>"+caption+"</div>")};
 $("#DC_closeWindowButton").click(DC_remove);



      if (!(DC_PrevHTML == "")) {
        function goPrev(){
          FULL_S = false ;
         // if($(document).unclick(goPrev)){$(document).unclick(goPrev)};
           if($(document).unbind('click',goPrev)){$(document).unbind('click',goPrev)};
          $("#DC_window").remove();
          $("body").append("<div id='DC_window'></div>");
          DC_show(DC_PrevCaption, DC_PrevURL);
          return false;
        }
        $("#DC_prev").click(goPrev);

      }

        if (!(DC_NextHTML == "")) {
        function goNext(){
           FULL_S = false ;
          $("#DC_window").remove();
          $("body").append("<div id='DC_window'></div>");
          DC_show(DC_NextCaption, DC_NextURL);
          return false;
        }
   $("#DC_next").click(goNext);
   }





       $("#DC_closeWindowButton") .click(DC_remove);



       $("#DC_Diapo").click(diaporama);


	  //  if(DIAPO) setTimeout('goNext();',2000);





      document.onkeydown = function(e){
        if (e == null) { // ie
          keycode = event.keyCode;
        } else { // mozilla
          keycode = e.which;
        }
        if(keycode == 27){ // close
          DC_remove();
        } else if(keycode == 190){ // display previous image
          if(!(DC_NextHTML == "")){
          document.onkeydown = "";
          goNext();
          }
        } else if(keycode == 188){ // display next image
          if(!(DC_PrevHTML == "")){
          document.onkeydown = "";
          goPrev();
          }
        }
      }
       window.scrollTo(0,0);
      DC_position();
      DC_position_caption();
      $("#DC_load").remove();
      $("#DC_ImageOff").click(DC_remove);
      $("#DC_window").css({display:"block"}); //for safari using css instead of show



      }

      imgPreloader.src = url;











    }


}
//helper functions below
 function diaporama(){
 //alert("diapo");
 if(!DIAPO){
         DIAPO = true ;

        // $("#haut").append("<div id='DC_Dia'>"+DC_Diapo1+"</div>");
         DC_NextURL= imageArray [0][0];
     DC_NextCaption =       imageArray [0][1] ;
 }   else{
          DIAPO = false ;
         $("#DC_window").remove();
   $("body").append("<div id='DC_window'></div>");
   DC_show(DC_PrevCaption, DC_PrevURL);

        //  $("#DC_Dia").remove();
 }
 diapo();
 }

function diapo(){
  if(DIAPO){
   if(DC_NextURL !=""){

   //$("#haut").append("<div id='DC_Dia'>"+DC_Diapo+"</div>");
   $("#DC_window").remove();
   $("body").append("<div id='DC_window'></div>");
   DC_show(DC_NextCaption ,DC_NextURL);
  headline_interval= setTimeout('diapo();',5000);
   }else{
    DIAPO = false ;
   clearTimeout(headline_interval);
   // $("#haut").append("");
  // $("#haut").html("<div id='DC_closeWindow'><a href='#' id='DC_closeWindowButton' title='Fermer la fenêtre'>Fermer</a></div><div >" +DC_imageCount+ "&nbsp;&nbsp;cliquer sur une image ou &gt;"  + DC_PrevHTML + DC_NextHTML +  "</div>");
     DC_NextURL= imageArray [0][0];
     DC_NextCaption =       imageArray [0][1] ;
    $("#DC_window").remove();
   $("body").append("<div id='DC_window'></div>");
   DC_show(DC_NextCaption ,DC_NextURL);

   }
   }
return false;
}


function DC_showIframe(){
  $("#DC_load").remove();
  $("#DC_window").css({display:"block"});
}
function DC_remove() {
   $("#DC_imageOff").unbind("click");
  $("#DC_overlay").unbind("click");
  $("#DC_closeWindowButton").unbind("click");
  $("#DC_window").fadeOut("fast",function(){$('#DC_window,#DC_overlay,#DC_HideSelect').remove();});
  $("#DC_load").remove();
  if(DIAPO) clearTimeout(headline_interval);
  return false;
}
function DC_position_caption() {
  var pagesize = DC_getPageSize();
  var arrayPageScroll = DC_getPageScrollTop();
  $("#bas").css({width:(arrayPageScroll[0] + (pagesize[0]*0.50))+"px", top: ((pagesize[1]+DC_HEIGHT-10)/2)+"px" });
}

function DC_position() {
  var pagesize = DC_getPageSize();
  var arrayPageScroll = DC_getPageScrollTop();
  $("#DC_window").css({width:DC_WIDTH+"px",left: (arrayPageScroll[0] + (pagesize[0] - DC_WIDTH)/2)+"px", top: ( (pagesize[1]-DC_HEIGHT)/2)+"px" });
}
function DC_overlaySize(){
 if (window.innerHeight && window.scrollMaxY || window.innerWidth && window.scrollMaxX) {
    yScroll = window.innerHeight + window.scrollMaxY;
    xScroll = window.innerWidth + window.scrollMaxX;
    var deff = document.documentElement;
    var wff = (deff&&deff.clientWidth) || document.body.clientWidth || window.innerWidth || self.innerWidth;
    var hff = (deff&&deff.clientHeight) || document.body.clientHeight || window.innerHeight || self.innerHeight;
    xScroll -= (window.innerWidth - wff);
    yScroll -= (window.innerHeight - hff);
  } else if (document.body.scrollHeight > document.body.offsetHeight || document.body.scrollWidth > document.body.offsetWidth){ // all but Explorer Mac
    yScroll = document.body.scrollHeight;
    xScroll = document.body.scrollWidth;
  } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
    yScroll = document.body.offsetHeight;
    xScroll = document.body.offsetWidth;
    }
  $("#DC_overlay").css({"height":yScroll +"px", "width":xScroll +"px"});
  $("#DC_HideSelect").css({"height":yScroll +"px","width":xScroll +"px"});
}
function DC_load_position() {
  var pagesize = DC_getPageSize();
  var arrayPageScroll = DC_getPageScrollTop();
  $("#DC_load")
  .css({left: (arrayPageScroll[0] + (pagesize[0] - 100)/2)+"px", top: (((pagesize[1]-100)/2))+"px" })
  .css({display:"block"});
}
function DC_parseQuery ( query ) {
   var Params = new Object ();
   if ( ! query ) return Params; // return empty object
   var Pairs = query.split(/[;&]/);
   for ( var i = 0; i < Pairs.length; i++ ) {
      var KeyVal = Pairs[i].split('=');
      if ( ! KeyVal || KeyVal.length != 2 ) continue;
      var key = unescape( KeyVal[0] );
      var val = unescape( KeyVal[1] );
      val = val.replace(/\+/g, ' ');
      Params[key] = val;
   }
   return Params;
}
function DC_getPageScrollTop(){
  var yScrolltop;
  var xScrollleft;
  if (self.pageYOffset || self.pageXOffset) {
    yScrolltop = self.pageYOffset;
    xScrollleft = self.pageXOffset;
  } else if (document.documentElement && document.documentElement.scrollTop || document.documentElement.scrollLeft ){   // Explorer 6 Strict
    yScrolltop = document.documentElement.scrollTop;
    xScrollleft = document.documentElement.scrollLeft;
  } else if (document.body) {// all other Explorers
    yScrolltop = document.body.scrollTop;
    xScrollleft = document.body.scrollLeft;
  }
  arrayPageScroll = new Array(xScrollleft,yScrolltop)
  return arrayPageScroll;
}
function DC_getPageSize(){
  var de = document.documentElement;
  var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
  var h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight
  arrayPageSize = new Array(w,h)
  return arrayPageSize;

}