/* ------------------------------------------------------------------------
  Class: zoombox
  Author: Jonathan Boyer (http://www.grafikart.fr)
  Version: 1.1
------------------------------------------------------------------------- */
zoombox = {
  /***************************************
   *
   *       CONFIGURATION
   * 
   * **********************************/
  Dwidth :     640,     // Default width
  Dheight:     480,    // Default height
  duration:    750,    // Animation duration (ms)
  animation:    "all",    // Do we animate the size of the box ?  (all : animation everytime, img: animation only on link with an img, no : no size animation)
  maskOpacity:  0.4,    // Opacity of the black overlay,
  FLVPlayer:    "/js/zoombox/FLVplayer.swf",   // URL of the FLV Player
  MP3Player:  "/js/zoombox/MP3player.swf",  // URL of the MP3 Player
  allowOverflow:  false,  // Automatically adjust width/height of the box if the content is larger than the window
  bindable:    "a[rel^='zoombox']",  // (jQuery expression) elements which have the zoombox behaviour
  theme:    "default",       // Define the theme to use
  fixed:    false,      // Do we fix the box ? => when we scroll the box follow the window or not ?

  /**
   * You can define here your own custom structure to create a new look for the box (\ at the end of lines are used to make multiline string)
   *  IMPORTANT ELEMENTS
   *  #zoombox      => Needed to select all the box elements (don't delete !)
   *  .zoombox_close   => A Click on these elements will close the box
   *  #zoombox_aplat  => The black overlay
   *  #zoombox_content  => The content will be placed here
   *  #zoombox_title span    => Title of the link will be displayed here
   *  #zoombox_next, zoombox_prev => Clickable button used to navigate in the galery
   * */
  themes:{
    "default" :   '\
      <div id="zoombox"> \
        <div id="zoombox_aplat" class="zoombox_close"></div>\
        <div id="zoombox_contener">\
          <div id="zoombox_relative">\
            <div id="zoombox_close" class="zoombox_close"></div>\
            <div id="zoombox_content"></div>\
            <div id="zoombox_bg"><div class="zoombox_bg_h"></div><div class="zoombox_bg_b"></div><div class="zoombox_bg_d"></div><div class="zoombox_bg_g"></div><div class="zoombox_bg_bg"></div><div class="zoombox_bg_bd"></div><div class="zoombox_bg_hg"></div><div class="zoombox_bg_hd"></div></div>\
            <div id="zoombox_nav">\
              <table>\
                <tr>\
                  <td width="39"><div id="zoombox_prev"></div></td>\
                  <td><div id="zoombox_title"><span></span></div></td>\
                  <td width="39"><div id="zoombox_next"></div></td>\
                </tr>\
              </table>\
            </div>\
          </div>\
        </div>\
      </div>\
      ',
    // A theme that imitate the lightbox design
    "lightbox" :   '\
      <div id="zoombox" class="lightbox"> \
        <div id="zoombox_aplat" class="zoombox_close"></div>\
        <div id="zoombox_contener">\
          <div id="zoombox_relative">\
            <div id="zoombox_content"></div>\
            <div id="zoombox_bg"><div class="zoombox_bg_h"></div><div class="zoombox_bg_b"></div><div class="zoombox_bg_d"></div><div class="zoombox_bg_g"></div><div class="zoombox_bg_bg"></div><div class="zoombox_bg_bd"></div><div class="zoombox_bg_hg"></div><div class="zoombox_bg_hd"></div></div>\
            <div id="zoombox_infos"><div id="zoombox_title"><span></span></div></div>\
            <div id="zoombox_close" class="zoombox_close"></div>\
            <div id="zoombox_next"></div><div id="zoombox_prev"></div>\
          </div>\
        </div>\
      </div>\
      '
  },


  /***************************************
   *
   *       VARIABLES
   * 
   * **********************************/
  // Needed variable and their explanation
  inCSS:    null,       // Initial CSS propertires
  
  width:    0,
  height:    0,
  
  url:      null,      // Url loaded in the box
  title:      null,      // Title of the link
  type:    "multimedia",  // Keep the type of media loaded in the box
  animateOpening: false,    // Do we use animation for opening/closing the box ?
  timer:    null,      // Timer to load an img
  loaded:    false,    // Is the image loaded ?
  gallery:    "",      // Gallery of the current element
  position:    0,      // Current position in the gallery
  margesH:    null,      // Horizontal marges of contener
  margesV:    null,      // Vertical marges of contener
  working:  true,
  
  // Regular expressions needed for the content
  filtreImg:      /(\.jpg)|(\.jpeg)|(\.bmp)|(\.gif)|(\.png)/i,
  filtreMP3:      /(\.mp3)/i,
  filtreFLV:      /(\.flv)/i,
  filtreSWF:      /(\.swf)/i,
  filtreQuicktime:  /(\.mov)|(\.mp4)/i,
  filtreWMV:      /(\.wmv)|(\.avi)/i,
  filtreDailymotion:  /(http:\/\/www.dailymotion)|(http:\/\/dailymotion)/i,
  filtreVimeo:    /(http:\/\/www.vimeo)|(http:\/\/vimeo)/i,
  filtreYoutube:    /(youtube\.)/i,
  filtreKoreus:    /(http:\/\/www\.koreus)|(http:\/\/koreus)/i,
  filtreDeezer:    /(http:\/\/www\.deezer)|(http:\/\/deezer)/i,
  
  galleryRegExp:  /\[(?:.*)\]/,
  
  
  /***************************************
   *
   *       FUNCTIONS
   * 
   * **********************************/
  /**
   * Init the box binding "click" on every links with rel="zoombox and doing some cool stuff
   * */
  init : function(){
    $(zoombox.bindable).each(function(){
      $(this).unbind('click');
    });
    zoombox.images = new Array();    // Array used to stock the "gallery"
    $(zoombox.bindable).each(function(){
      var gallery = zoombox.galleryRegExp.exec($(this).attr("rel"));
      if(!zoombox.images[gallery]){
        zoombox.images[gallery]=new Array();
      }
      zoombox.images[gallery].push($(this));
      
      //We bind click on every elements
      $(this).bind('click',function(){
        zoombox.click($(this));
        return false;
      });
    });
    // We unbind everything before avoiding bind x2
    $(window).unbind('resize',zoombox.resize);
    $(window).unbind('scroll',zoombox.resize);
    $(document).unbind('keyup',zoombox.keyboard);
    $(window).resize(zoombox.resize);
    $(window).scroll(zoombox.resize);
    $(document).keyup(zoombox.keyboard);
  },
  
  /**
   * Function called when we click one an element OR when we use next or before
   * */
  click : function(div){
    zoombox.gallery=zoombox.galleryRegExp.exec(div.attr("rel"));  // The current Gallery
    // The position of the image in the current Gallery
    for (var i = 0; i < zoombox.images[zoombox.gallery].length; i++){
      if($(zoombox.images[zoombox.gallery][i]).html()  == div.html() && $(zoombox.images[zoombox.gallery][i]).attr("href") == div.attr("href") ){
        zoombox.position=i;
        break;
      }
    }
    zoombox.animateOpening=false;
    
    // We adjust the size and position of the box to fit with the current element if animation is needed
    if(zoombox.animation=="all"){
      zoombox.animateOpening=true;
      zoombox.inCSS = {
        "top" :   div.offset().top,
        "left" :  div.offset().left,
        "width":  div.width(),
        "height":   div.height()
      }
    }
    if(div.children("img").length && (zoombox.animation=="all" || zoombox.animation=="img")){
      zoombox.inCSS = {
        "top" :   div.children("img").offset().top,
        "left" :  div.children("img").offset().left,
        "width":  div.children("img").width(),
        "height":   div.children("img").height()
      }
      zoombox.animateOpening=true;
    }
            
    // We keep important informations
    zoombox.url=div.attr("href");      // We keep the url
    zoombox.title=div.attr("title");      // We keep the title
    dimensions =div.attr("rel").split(' ');    // We parse the rel attr to get the size of the box
    if((dimensions[1])&&(dimensions[2]) && parseInt(dimensions[1])>0  && parseInt(dimensions[2])>0 ){ zoombox.width = parseInt(dimensions[1]); zoombox.height =  parseInt(dimensions[2]);}
    else{zoombox.width=zoombox.Dwidth; zoombox.height=zoombox.Dheight;}
        
    zoombox.open();
    return false;
  },
  
  /**
   * Open the box, this function could be called with javascript if you want to open a box with a specific action.
   * @param url The link that you want to open in the box
   * @param width (optional) Width of the box
   * @param height (optional) Height of the box
   * */
  open : function(url,width,height){
    zoombox.working = true;
    // Do we use the function alone ?
    if(url!=undefined){
      zoombox.url=url;
      if(width==undefined){  zoombox.width=zoombox.Dwidth;  }  else{  zoombox.width=width;  }
      if(height==undefined){  zoombox.height=zoombox.Dheight;  }  else{  zoombox.height=height;  }  
      zoombox.animateOpening=false;
      zoombox.title = null;
    }
    // if the content is an img
    if(zoombox.filtreImg.test(zoombox.url) && zoombox.loaded==false){
        img=new Image();
      img.src=zoombox.url;
      zoombox.type="img";
      $("body").append('<div id="zoombox_loader"></div>');
      $("#zoombox_loader").css("marginTop",zoombox.scrollY());
      zoombox.timer = window.setInterval("zoombox.loadImg(img)",100);
      return false;
    }
    zoombox.loaded=false;
    
    // Let's begin !!
    // If there isn't already a zoombox opened
    if(!$("#zoombox").length){
      $("body").append(zoombox.themes[zoombox.theme]);  // We create the zoombox structure
      // We place the overlay
      $("#zoombox_aplat").css({
        "height":zoombox.windowH(),
        "width":zoombox.windowW()
      });
      // we find the width/height of the marges
      if(zoombox.margesH==null){ zoombox.margesH = parseInt($("#zoombox_contener").css("paddingLeft")) + parseInt($("#zoombox_contener").css("paddingRight")) + parseInt($("#zoombox_contener").css("marginLeft")) + parseInt($("#zoombox_contener").css("marginRight")); }
      if(zoombox.margesV==null){ zoombox.margesV = parseInt($("#zoombox_contener").css("paddingTop")) + parseInt($("#zoombox_contener").css("paddingBottom")) + parseInt($("#zoombox_contener").css("marginTop")) + parseInt($("#zoombox_contener").css("marginBottom")); }
      
      $("#zoombox_next").hide();        // We hide some elements, we'll display them later if ther are needed
      $("#zoombox_prev").hide();
      $("#zoombox_title").hide();
      $(".zoombox_close").click(zoombox.close);    // We bind the "close" event
      $("#zoombox_next").click(zoombox.next);    // We bind the "next" event
      $("#zoombox_prev").click(zoombox.prev);    // We bind the "next" event
      $("embed").css("visibility","hidden");       // embed and object elements can generate overflow problem so we hide them
      $("object").css("visibility","hidden");
      if(zoombox.gallery){
        if(zoombox.position<zoombox.images[zoombox.gallery].length-1){
          $("#zoombox_next").show();
        }
        if(zoombox.position>0){
          $("#zoombox_prev").show();
        }
      }
      // We animate the black overlay
      $('#zoombox_aplat').css({'opacity': 0});
      $('#zoombox_aplat').fadeTo(zoombox.duration,zoombox.maskOpacity);
      // We adjust Two parameters that calculate the initial position of the box adding box margin
      if(zoombox.inCSS!=null){
        zoombox.inCSS.left-=parseInt($("#zoombox_contener").css("paddingLeft"))+parseInt($("#zoombox_contener").css("marginLeft"));
        zoombox.inCSS.top-=parseInt($("#zoombox_contener").css("paddingTop"))+parseInt($("#zoombox_contener").css("marginTop"));
      }
      var boxBeginCSS = zoombox.inCSS;
    }
    // If there is already a zoombox it's because we want a cool transition, so let's make some change.
    else{
      $("#zoombox_title span").empty();
      $("#zoombox_content").empty();        

      var boxBeginCSS = {
        "width":$("#zoombox_contener").css("width"),
        "height":$("#zoombox_contener").css("height"),
        "top":$("#zoombox_contener").css("top"),
        "left":$("#zoombox_contener").css("left")
      }
      var transition = true;
    }
    
    var content = zoombox.getContent(zoombox.url);          // What we want to insert
    if(zoombox.type=="img"){ $("#zoombox_content").append(content); }    // If it's an image we inset NOW
    if(transition){ $("#zoombox_content img").hide(); }          // If it's a transition (next or prev) we hide the image for a fadeIn
    if(zoombox.title && zoombox.title!="" && zoombox.title!=null){ $("#zoombox_title span").append(zoombox.title); $("#zoombox_title").show();   }  // Do we have a title ?
    else{ $("#zoombox_title").hide();  $("#zoombox_titlel").hide();  $("#zoombox_title").hide(); }// The box won't fit in the window
    if(zoombox.allowOverflow==false && (zoombox.height+120)>zoombox.windowH()){
      zoombox.width=zoombox.width*((zoombox.windowH()-120)/zoombox.height);
      zoombox.height=(zoombox.windowH()-120);
      var content = zoombox.getContent(zoombox.url);
    }
    
    // The new CSS for the box, final position
    var topPos = (zoombox.windowH() - zoombox.height - zoombox.margesV)/2 + zoombox.scrollY();
    var leftPos = (zoombox.windowW() - zoombox.width - zoombox.margesH)/2;

    var cssProp = {
      "width":zoombox.width,
      "height":zoombox.height,
      "top":topPos,
      "left":leftPos
    }

    //Do we want animation ? 
    if(zoombox.animateOpening==false && transition !=true){
      $("#zoombox_contener").css(cssProp);
      $('#zoombox_contener').hide();
      $('#zoombox_contener').show();
      $("#zoombox_content").empty().append(content);
      zoombox.working = false;
    }
    else{
      $("#zoombox_contener").css(boxBeginCSS);
      $("#zoombox_contener").animate(cssProp,zoombox.duration,function(){
        zoombox.working = false;
        if(zoombox.type=="img"){
          $("#zoombox_content img").fadeIn(zoombox.duration/2);
        }
        else{
          $("#zoombox_content").empty().append(content);
        }
      });
    }
  },
  
  /**
   * Close the box
   * */
  close : function(){
    window.clearInterval(zoombox.timer);
    // To avoid lags we remove the content before animation if it isn't an image
    if(zoombox.type!="img"){  $("#zoombox_content").empty();  }  
    if(zoombox.animateOpening==true){
      zoombox.inCSS.opacity = 0; 
      $("#zoombox_contener").animate(zoombox.inCSS,zoombox.duration);
    }
    else{
      $("#zoombox_contener").remove();
    }
    $("#zoombox_aplat").animate({"opacity":0},zoombox.duration,zoombox.remove);
  },
  
  /**
   * Destroy the zoombox structure
   * */
  remove : function(){
    $("#zoombox").remove();
    $("#zoombox_loader").remove();
    $("embed").css("visibility","visible");  // embed and object elements can generate overflow problem so we hide them
    $("object").css("visibility","visible");
  },
  
  /**
   *  When the window is resized we reposition the box
   * */
  resize : function(){
    // The new CSS for the box, final position
    var topPos = (zoombox.windowH() - zoombox.height - zoombox.margesV)/2 + zoombox.scrollY();
    var leftPos = (zoombox.windowW() - zoombox.width - zoombox.margesH)/2;
    $("#zoombox_contener").css("left",leftPos);
    // We place the overlay
    $("#zoombox_aplat").css({
      "height":zoombox.windowH(),
      "width":zoombox.windowW()
    });
    // Do we fix the box ?
    if(zoombox.fixed){  $("#zoombox_contener").css("top",topPos);  }
  },
  
  /**
   *   If we press some keys when zoombox is opened
   *   */
  keyboard : function(event){
          if(event.keyCode==39){
            zoombox.next();
          }
          else if(event.keyCode==37){
            zoombox.prev()
          }
          else if(event.keyCode==27){
            zoombox.close();
    }
  },
  /**
   * Go to the next element in the gallery
   * */
  next : function(){
                if(zoombox.working) return false;
    if(zoombox.gallery!=null){
      zoombox.position++;
      if(zoombox.position==zoombox.images[zoombox.gallery].length-1){
        $("#zoombox_next").fadeOut();
      }
      if($("#zoombox_prev").is(":hidden")){
        $("#zoombox_prev").fadeIn();
      }
      zoombox.click(zoombox.images[zoombox.gallery][zoombox.position]);
    }
  },
  
  /**
   * Go to the previous element in the gallery
   * */
  prev : function(){
                if(zoombox.working) return false;
    if(zoombox.gallery!=null){
      zoombox.position--;
      if(zoombox.position==0){
        $("#zoombox_prev").fadeOut();
      }
      if($("#zoombox_next").is(":hidden")){
        $("#zoombox_next").fadeIn();
      }
      zoombox.click(zoombox.images[zoombox.gallery][zoombox.position]);
    }
  },

  /**
   * Used with timer this function animate the loading of an image
   * */
  loadImg : function(img){
      if(img.complete){
        window.clearInterval(zoombox.timer);
        zoombox.loaded=true;
        zoombox.width=img.width;
        zoombox.height=img.height;
        $('#zoombox_loader').remove();
        // There is already an img in the content, FADE OUT !!
        if($('#zoombox_content img').length){
          $('#zoombox_content img').fadeOut(zoombox.duration/2,function(){$('#zoombox_content').empty(); zoombox.open();})
        }
        else{
          $('#zoombox_content').empty();
          zoombox.open();
        }
      }  
      // On anim le loader
      if(typeof(j)=='undefined'){j=0;}
       $('#zoombox_loader').css({'background-position': "0px "+j+"px"});
      j=j-40;
      if(j<(-440)){j=0;}
  },
  
   /**
   * Return the HTML content depending of the link
   * */
  getContent : function(url){
      var content
      
      // Some regular expression to test the filetype
      zoombox.type="multimedia";
  
      if(zoombox.filtreImg.test(url)){
        content='<img src="'+img.src+'" width="100%" height="100%"/>';
        zoombox.type="img";
      }
      else if(zoombox.filtreMP3.test(url)){
        zoombox.width=300;
        zoombox.height=40;
        content ='<object type="application/x-shockwave-flash" data="'+zoombox.MP3Player+'?son='+url+'" width="'+zoombox.width+'" height="'+zoombox.height+'">';
        content+='<param name="movie" value="'+zoombox.MP3Player+'?son='+url+'" /></object>';
      }    
      
      else if(zoombox.filtreFLV.test(url)){
        content='<embed src="'+zoombox.FLVPlayer+'" width="'+zoombox.width+'" height="'+zoombox.height+'" allowscriptaccess="always" allowfullscreen="true" flashvars="file='+url+'&width='+zoombox.width+'&height='+zoombox.height+'&autostart=true" wmode="transparent" />';      
      }
      
      else if(zoombox.filtreSWF.test(url)){
        content='<object width="'+zoombox.width+'" height="'+zoombox.height+'"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="'+url+'" /><embed src="'+url+'" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="'+zoombox.width+'" height="'+zoombox.height+'" wmode="transparent"></embed></object>';    
      }
      
      else if(zoombox.filtreQuicktime.test(url)){
        zoombox.height = zoombox.height+20;
        content='<embed src="'+url+'" width="'+zoombox.width+'" height="'+zoombox.height+'" controller="true" cache="true" autoplay="true"/>';
      }
      
      else if(zoombox.filtreWMV.test(url)){
        content='<embed src="'+url+'" width="'+zoombox.width+'" height="'+zoombox.height+'" controller="true" cache="true" autoplay="true" wmode="transparent" />';
      }

      else if(zoombox.filtreDailymotion.test(url)){
        id=url.split('_');
        id=id[0].split('/');
        id=id[id.length-1];
        content='<object width="'+zoombox.width+'" height="'+zoombox.height+'"><param name="movie" value="http://www.dailymotion.com/swf/'+id+'&colors=background:000000;glow:000000;foreground:FFFFFF;special:000000;&related=0"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.dailymotion.com/swf/'+id+'&colors=background:000000;glow:000000;foreground:FFFFFF;special:000000;&related=0" type="application/x-shockwave-flash" width="'+zoombox.width+'" height="'+zoombox.height+'" allowFullScreen="true" allowScriptAccess="always" wmode="transparent" ></embed></object>';
      }
      
      
      else if(zoombox.filtreVimeo.test(url)){
        id=url.split('/');
        id=id[3];
        content='<object width="'+zoombox.width+'" height="'+zoombox.height+'"><param name="allowfullscreen" value="true" />  <param name="allowscriptaccess" value="always" />  <param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id='+id+'&amp;server=www.vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00AAEB&amp;fullscreen=1" />  <embed src="http://www.vimeo.com/moogaloop.swf?clip_id='+id+'&amp;server=www.vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00AAEB&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="'+zoombox.width+'" height="'+zoombox.height+'" wmode="transparent" ></embed></object>';
      }
      
      
      else if(zoombox.filtreYoutube.test(url)){
        id=url.split('watch?v=');
        id=id[1].split('&');
        id=id[0];
        content='<object width="'+zoombox.width+'" height="'+zoombox.height+'"><param name="movie" value="http://www.youtube.com/v/'+id+'&hl=fr&rel=0&color1=0xFFFFFF&color2=0xFFFFFF&hd=1"></param><embed src="http://www.youtube.com/v/'+id+'&hl=fr&rel=0&color1=0xFFFFFF&color2=0xFFFFFF&hd=1" type="application/x-shockwave-flash" width="'+zoombox.width+'" height="'+zoombox.height+'" wmode="transparent"></embed></object>';
      }
      
      
      else if(zoombox.filtreKoreus.test(url)){
        url=url.split('.html');
        url=url[0];
        content='<object type="application/x-shockwave-flash" data="'+url+'" width="'+zoombox.width+'" height="'+zoombox.height+'"><param name="movie" value="'+url+'"><embed src="'+url+'" type="application/x-shockwave-flash" width="'+zoombox.width+'" height="'+zoombox.height+'"  wmode="transparent"></embed></object>';
      }
      
      
      else if(zoombox.filtreDeezer.test(url)){
        zoombox.width=220;
        zoombox.height=55;
        id=url.split('/');
        id=id[id.length-1];
        content='<object width="220" height="55"><param name="movie" value="http://www.deezer.com/embedded/small-widget-v2.swf?idSong='+id+'&colorBackground=0x000000&textColor1=0xFFFFFF&colorVolume=0xFF6600&autoplay=0"></param><embed src="http://www.deezer.com/embedded/small-widget-v2.swf?idSong='+id+'&colorBackground=0x000000&textColor1=0xFFFFFF&colorVolume=0xFF6600&autoplay=0" type="application/x-shockwave-flash" width="220" height="55" wmode="transparent"></embed></object>';
      }
      
      else{
        if(zoombox.width==zoombox.Dwidth && zoombox.height==zoombox.Dheight){
          zoombox.width=zoombox.windowW()-100;
          zoombox.height=zoombox.windowH()-100;
        }
        content='<iframe src="'+url+'" width="'+zoombox.width+'" height="'+zoombox.height+'" border="0"></iframe>';
      }
      return content;
  },
  
  /**
  * Return the window height
  * */
  windowH : function(){
    if (window.innerHeight) return window.innerHeight  ;
    else{return $(window).height();}
  },
  
  /**
   * Return the window width
   * */
  windowW : function(){
    if (window.innerWidth) return window.innerWidth  ;
    else{return $(window).width();}
  },
  
  /**
   *  Return the position of the top
   *  */
  scrollY : function() {
    scrOfY = 0;
    if( typeof( window.pageYOffset ) == 'number' ) {
      //Netscape compliant
      scrOfY = window.pageYOffset;
    } else if( document.body && ( document.body.scrollTop ) ) {
      //DOM compliant
      scrOfY = document.body.scrollTop;
    } else if( document.documentElement && ( document.documentElement.scrollTop ) ) {
      //IE6 standards compliant mode
      scrOfY = document.documentElement.scrollTop;
    }
    return scrOfY;
  },

  /**
   *  Return the position of the left scroll
   *  */
  scrollX : function() {
    scrOfX = 0;
    if( typeof( window.pageXOffset ) == 'number' ) {
      //Netscape compliant
      scrOfX = window.pageXOffset;
    } else if( document.body && ( document.body.scrollLeft ) ) {
      //DOM compliant
      scrOfX = document.body.scrollLeft;
    } else if( document.documentElement && ( document.documentElement.scrollLeft ) ) {
      //IE6 standards compliant mode
      scrOfX = document.documentElement.scrollLeft;
    }
     return scrOfX;
  }
};

$(document).ready(function(){
  zoombox.init();
});