var IE6 = ($("#version").val() == "ie6");

//---------------Gestion du menu------------------
var obj = null;
function checkHover() {//fonction de disparition
    if (obj) {
        obj.children('ul').fadeOut('fast');    
    }
}
$(document).ready(function () {
	var menu = $("#menu");
	if (menu.length != 0) {
		$(menu).attr("class","menu-js");
		$('.menu-js li').children('ul').hide();

        $('.menu-js > li').hover(function() { // 1er cas apparition de l'objet courant
            if (obj) { //si l'objet != null, il est déroulé, donc on le fait disparaitre
                obj.children('ul').fadeOut('fast');
                obj = null;
            }         
            $(this).children('ul').fadeIn('fast'); //Apparition de l'objet courant
            
        }, function() { // 2nd cas - on fait disparaitre si on est plus sur l'élément au bout de 0 seconde
            obj = $(this);
            setTimeout("checkHover()",0); // si vous souhaitez retarder la disparition, c'est ici
        });
	}
});

var boucle = 0;
var EndBoucle;
//-------------Gestion du defilement de la home-----------
$(document).ready(function () {
    if ($("#scrollInfo").length != 0){
        EndBoucle = $($("#pub").children()).length;
        $("#pub").parent("div").css("width","260px");
        $("#pub a").css("position","absolute");
        $("#pub a").hide();
        $($("#pub").children("a")[boucle]).show();
        annimeHome();
    }
});

function annimeHome(){
    $($("#pub").children("a")[boucle]).fadeOut("slow");
    boucle = (boucle+1)%EndBoucle;
    setTimeout(function(){$($("#pub").children("a")[boucle]).fadeIn("slow");},100);
    
    setTimeout("annimeHome()",7000);
}

// --------------Champ de saisie Newsletter-----------------
$(document).ready(function () {
    var newsletterEmail = $("#ctl00_sidebar_inc_newsletter_email");
    if (newsletterEmail.length == 0){ newsletterEmail = $("#ctl00_content_inc_newsletter_email"); }
    if (newsletterEmail.length != 0){
        newsletterEmail.val(Newsletter.defaultEmail);
        newsletterEmail.blur(function(){  // Blur sur le champ de saisie Newsletter.
            this.value = ($(this).val() == "") ? Newsletter.defaultEmail : $(this).val();
        });
        newsletterEmail.focus(function(){ // Focus sur le champ de saisie Newsletter.
            this.value = ($(this).val() == Newsletter.defaultEmail) ? "" : $(this).val();
        });
    }
});


// -----------Liste Sélective---------------
$(document).ready(function() {
    var currentfeature = null;                                  //Element situé dans la liste et qui provoque le changement de contenu
    var features = $("#features");
    if (features.length != 0) {
        $(features).attr("class", "tabs");
        $(features).before($(features).children("h2").remove());    //Titre général sorti de la div

        var as = new Array();
        var divstemp = $(features).children();
        var divs = [];
        var sizeMax = 0;
        for (var d = 0; d < divstemp.length; d++) {             //copie toute les div a l'interieur de features
            if (divstemp[d].nodeType == 1 && divstemp[d].tagName.toLowerCase() == 'div') {
                divs.push(divstemp[d]);
                sizeMax = (sizeMax < divstemp[d].offsetHeight) ? divstemp[d].offsetHeight : sizeMax;
            }
        }
        $("#features").css("min-height", sizeMax + "px");

        for (var i = 0; i < divs.length; i++) {                 //parcours du tableau de div
            if (i > 0) $(divs[i]).css("display", "none");        //rend tout les div hidden sauf la première

            divs[i].setAttribute("id", $(features).attr("id") + "-tab-" + (i + 1)); //Ajout des id aux div

            var element = document.createElement("a");          //Création du lien titre
            if (i == 0) {                                       //Pour le premier ajout de la class current
                currentfeature = element;
                $(element).attr("class", "current");
            }
            $(element).attr("href", "#" + $(features).attr("id") + "-tab-" + (i + 1));

            $(element).click(function(event) {
                if (currentfeature != this) {
                    var currentcontent = $($(currentfeature).attr("href"));     //Contenu actuellement affiché

                    var id_recup = $(this).attr("href");
                    //var nextcontent = $($(this).attr("href"));                  //Contenu prochainement affiché

                    var nextcontent = document.getElementById(id_recup.replace("#", ""));

                    $(currentcontent).fadeOut("normal");        //Effet de disparition

                    $(currentfeature).removeAttr("class");      //Supprime la classe current de l'élement précédement actif pour le désactiver
                    $(this).attr("class", "current");           //Ajoute la classe current sur le nouvel element pour l'activé

                    setTimeout(function() {
                        $(nextcontent).fadeIn("normal");
                    }, 500);

                    currentfeature = this;                      //Réaffecte l'élement actuellement utilisé.

                }
                if (event.preventDefault) { event.preventDefault(); } event.returnValue = false;                         //Stop l'évenement du "a" par défaut
                if (event.stopPropagation) { event.stopPropagation(); } event.cancelBubble = true;                        //Stop la propagation aux elements enfants
            });
            var titletmp = $(divs[i]).children("h3:first-child")[0];
            $(element).append(document.createTextNode($(titletmp).text())); //Ajout du contenu du titre
            as.push(element);
        }

        var ul = document.createElement("ul");                  //Contiendra les titres/liens des contenus
        $(ul).attr("class", "tabs-sidebar");
        for (var i = 0; i < as.length; i++) {
            var li = document.createElement("li");
            $(li).append(as[i]);
            $(ul).append(li);
        }

        var div = document.createElement("div");                //Application des modifications
        $(div).attr("class", "tabs-content");
        $(div).html($(features).html());
        $(features).html("");
        $(features).append(ul);
        $(features).append(div);
    }
    $("img[rel]:not(.pub)").overlay();
    setTimeout(function() { $(".pub").overlay({ load: true }) }, 1000);
});





// ------------Chargement du bouton de contrôle de la barre des langues--------------
$(document).ready(function () {
    var languages = $("#languages");
    if (languages.length != 0){
        var infoBarre = document.createElement("div");
        $(infoBarre).html(Languages.howToUse);
        $(infoBarre).attr("id","closebar");
        
        $(languages).css("display","none");                                             //Disparition de la barre
        $(languages).append(infoBarre);                                                 //Ajout de la phrase relatif a la barre
        
        var switcherbutton = document.createElement("input");                           //Création du bouton de fermeture
        $(switcherbutton).attr("type","image");
        $(switcherbutton).attr("src","build/client/images/languages/aw-open.jpg");
        $(switcherbutton).attr("alt",Languages.openStatus);
        $(switcherbutton).attr("value",Languages.openStatus);
        $(switcherbutton).attr("title",Languages.openStatus);
        $(switcherbutton).click(function(event){                                        //Ajout des evenements d'ouverture et de fermeture
            if ($(languages).css("display")=="none"){
                $(languages).slideDown("normal");
				$(this).attr("src", "build/client/images/languages/aw-close.jpg");
				$(this).attr("alt", Languages.closeStatus);
				$(this).attr("value", Languages.closeStatus);
				$(this).attr("title", Languages.closeStatus);
				setTimeout(function () {$('.maps').fadeIn("normal")},500);
            }else {
				$('.maps').fadeOut("normal");
				setTimeout(function () {$(languages).slideUp("normal")},500);
				$(this).attr("src", "build/client/images/languages/aw-open.jpg");
				$(this).attr("alt", Languages.openStatus);
				$(this).attr("value", Languages.openStatus);
				$(this).attr("title", Languages.openStatus);								
			}
            if (event.stopPropagation) { event.stopPropagation(); } event.cancelBubble = true;
		    if (event.preventDefault) { event.preventDefault(); } event.returnValue = false;
        });
        var switcher = document.createElement("p");                                     //Insertion du bouton
		$(switcher).attr("id", "languages-switcher");
		$(switcher).append(switcherbutton);
		document.getElementById("logo").parentNode.insertBefore(switcher, document.getElementById("logo"));
		
		var maps = document.createElement("div");
		$(maps).attr("id","maps");
		$("#languages-container").prepend(maps);
		
		var introducemaps = document.createElement("div");
		$(introducemaps).attr("id","introduce-maps");
		
		var introduce = document.createElement("p");
		$(introduce).attr("class","introduce");
		$(introducemaps).append(introduce);
		$("#languages-container").prepend(introducemaps);
    }
});




// --------------------Chargement de la disposition et des evenement de la barre de langue---------------------------
var europeLastOne = null;       //1ere balise (langue) sélectionné
var middleeastLastOne = null;   //
$(document).ready(function () {
    // Partie Europe
	var europe = $("#introduce-languages");                                     //Div des langues
	var map = document.createElement("map");                                    //Zone d'évenement sur les drapeaux 
	$(map).attr("name", "europemap");
	$(map).attr("id", "europemap");
	
	var map2 = document.createElement("map");
	$(map2).attr("name", "eastmap");
	$(map2).attr("id", "eastmap");
	
    $("#maps").append(map);
	$("#maps").append(map2);
	
	var areas = [];                                                             //Tableau des évenement
	var availableLanguages = $(europe).children("ul").children();               //Liste des Liens "dur" des listes
	var firstAvailableLanguage = true;                                          //1ere langue disponible et sélectionné
	
    for (var i = 0; i < availableLanguages.length; i++) {                       //Pour tout les types de langues on crée un evenement associer
	    if (availableLanguages[i].nodeType == 1) {                              //Si c'est une balise
		    if (!europeLastOne) europeLastOne = availableLanguages[i];          //1er cas, France est actif
		    if (!firstAvailableLanguage) $(availableLanguages[i]).css("display", "none"); //cache toute les listes dont la langue sélectionné n'appartient pas
		    firstAvailableLanguage = false;
		    var language = {};                                                  //Objet JSON langue
		    // Alt      (nom de la langue)
		    language.alt = availableLanguages[i].getElementsByTagName("span")[0].firstChild.nodeValue;
		    // Coords   (coordonnées situé dans un input hidden avant les langues)
		    language.coords = availableLanguages[i].getElementsByTagName("input")[0].getAttribute("value");
		    // Map      (image lié a la langue)
		    language.map = availableLanguages[i].getElementsByTagName("input")[1].getAttribute("value");
		    // Anc      (id du li de chaque bloque de lien fr - de)
		    language.anc = "#" + availableLanguages[i].getAttribute("id");
		    // Title    (titre de chaque drapeau)
		    language.title = availableLanguages[i].getElementsByTagName("p")[0].innerHTML.replace("<span>","").replace("<\/span>","");
		    areas.push(language);
	    }
	}
	
	for (var i = 0; i < areas.length; i++) {                                    //Création des zone d'évenement
		var area = document.createElement("area");
		$(area).attr("alt",areas[i].alt);
		$(area).attr("coords", areas[i].coords);
		$(area).attr("href", window.location.href.substring(0, (window.location.href.lastIndexOf("#") != -1 ? window.location.href.lastIndexOf("#") : window.location.href.length)) + areas[i].anc);
		$(area).attr("shape", "rect");
		$(area).attr("title", areas[i].title);
		$(area).click(function(event){
		    var element = document.getElementById(this.getAttribute("href").replace(window.location.href.substring(0, (window.location.href.lastIndexOf("#") != -1 ? window.location.href.lastIndexOf("#") : window.location.href.length)) + "#",""));
			if (element != europeLastOne) {
				$(europeLastOne).css("display","none");
				europeLastOne = element;
				$(europeLastOne).css("display","list-item");
			}
			if (event.stopPropagation) { event.stopPropagation(); } event.cancelBubble = true;
			if (event.preventDefault) { event.preventDefault(); } event.returnValue = false;
		});	
		$(areas[i].map).append(area);
	}
	/*
	var area = document.createElement("area");                                  
    $(area).attr("alt","le Liban");
    $(area).attr("coords", "107,45,128,58");
    $(area).attr("href", window.location.href.substring(0, (window.location.href.lastIndexOf("#") != -1 ? window.location.href.lastIndexOf("#") : window.location.href.length)) + "#lb");
    $(area).attr("shape", "rect");
    $(area).attr("title", Languages.altMapLiban);
    $(area).click(function(event){
        var element = document.getElementById(this.getAttribute("href").replace(window.location.href.substring(0, (window.location.href.lastIndexOf("#") != -1 ? window.location.href.lastIndexOf("#") : window.location.href.length)) + "#",""));
	    if (element != europeLastOne) {
		    $(europeLastOne).css("display","none");
		    europeLastOne = element;
		    $(europeLastOne).css("display","list-item");
	    }
	    if (event.stopPropagation) { event.stopPropagation(); } event.cancelBubble = true;
	    if (event.preventDefault) { event.preventDefault(); } event.returnValue = false;
    });	
    $(map2).append(area);
	*/
	
	/* Premier block (titre)*/
	var mapsStrong = document.createElement("strong");
	$(mapsStrong).html(Languages.titreInfoPays);
	$("#introduce-maps").children(".introduce").append(mapsStrong);
	$("#introduce-maps").children(".introduce").append("<br />");
	
	var mapsSpan = document.createElement("span");
	$(mapsSpan).html(Languages.infoPays);
	$("#introduce-maps").children(".introduce").append(mapsSpan);
	
	
	/* Deuxième bloque (maps et images) */
	
	/* Image europe */
	var mapEurope = document.createElement("img");
	$(mapEurope).attr("src"   ,"../../build/client/images/languages/aw-europe.jpg");
	$(mapEurope).attr("class" ,"maps");
	$(mapEurope).attr("height","150");
	$(mapEurope).attr("width" ,"169");
	$(mapEurope).attr("alt"   , Languages.altMapEurope);
	$(mapEurope).attr("usemap", "#europemap");
	
	/* Image Est */
	var mapEast = document.createElement("img");
	$(mapEast).attr("src"   , "../../build/client/images/languages/aw-middleeast.jpg");
	$(mapEast).attr("class" , "maps");
	$(mapEast).attr("height", "150");
	$(mapEast).attr("width" , "185");
	$(mapEast).attr("alt"   , Languages.altMapMilddleEast);
	$(mapEast).attr("usemap", "#eastmap");
	
	$("#maps").append(mapEurope);
	$("#maps").append(mapEast);
	
	/* Troisième bloque (titre) */
	
    var Pintroduce = document.createElement("p");
    $(Pintroduce).attr("class","introduce");
    
    var langueStrong = document.createElement("strong");
	$(langueStrong).html(Languages.titreInfoLangue);
	$(Pintroduce).prepend("<br />");
	$(Pintroduce).prepend(langueStrong);
	$("#introduce-languages").prepend(Pintroduce);
	
	/*
	var availableLanguages = document.createElement("ul");                      //Création de la liste des langues
	$(availableLanguages).attr("class", "available-languages");*/
	/*
	var fr = document.getElementById("fr").cloneNode(true);
	$(fr).attr("id", "lb");
	$(fr).css("display", "none");
	$(fr).children("div").remove();
	$($(fr).children("p").children("span")[0]).html("le Liban");
	
	$(europe).children("ul").append(fr);*/
});

	
			
			
			
// ------------- ProductBrowser ----------------

var IsOnScrollBar = false;
var dblclicking = false;			
var isDragging = false;
var objectToDrag;
var obj;
var ecartX;
var curX;

function previousClick () {
	if (!dblclicking) {
	    var testwidthitem = $($("#productbrowser-view").children("ul")[0]).css("width").replace("px", "") / $($("#productbrowser-view").children("ul")[0]).children("li").length ;
		if ($("#productbrowser-view").scrollLeft() > 0) {
		    var rmodulo = $("#productbrowser-view").scrollLeft() % testwidthitem;
			var scrollLeftBrow = $("#productbrowser-view").scrollLeft();
			if (rmodulo == 0) {
			    $("#productbrowser-view").scrollLeft(scrollLeftBrow-testwidthitem);
			}
			else {
			    $("#productbrowser-view").scrollLeft(scrollLeftBrow-(testwidthitem+rmodulo));					
			}
		}					
	}
}

function nextClick () {
	if (!dblclicking) {
	    var testwidthitem = $($("#productbrowser-view").children("ul")[0]).css("width").replace("px", "") / $($("#productbrowser-view").children("ul")[0]).children("li").length;
	    if ($("#productbrowser-view").scrollLeft() > 0) {
			var rmodulo = $("#productbrowser-view").scrollLeft() % testwidthitem;
			var scrollLeftBrow = $("#productbrowser-view").scrollLeft();
			if (rmodulo == 0) {
			    $("#productbrowser-view").scrollLeft(scrollLeftBrow + testwidthitem);
			}
			else {
			    $("#productbrowser-view").scrollLeft(scrollLeftBrow + (testwidthitem - rmodulo));
			}
		}
		else {
            $("#productbrowser-view").scrollLeft(testwidthitem);		
		}
	}	
}


function getPositionCurseur(e){
	//ie
	if(document.all){
		curX = event.clientX;
	}
	//netscape 4
	if(document.layers){
		curX = e.pageX;
	}
	//mozilla
	if(document.getElementById){
		curX = e.clientX;
	}
}


function beginDrag(p_obj,e){
	isDragging = true;
	objectToDrag = p_obj;
	getPositionCurseur(e);
	ecartX = curX - parseInt($(objectToDrag).css("left").replace("px", ""));
}


function drag(e){
	var newPosX;
	if(isDragging == true){
		getPositionCurseur(e);
		newPosX = curX - ecartX;
		newPosX = (newPosX < 0) ? 0 : newPosX;
		
		var prodBroxViewWidth = $("#productbrowser-view").css("width").replace("px","");
		if (prodBroxViewWidth == "auto") prodBroxViewWidth = document.getElementById("productbrowser-view").offsetWidth //IE
		
		var prodBroxScrollWidth = $("#productbrowser-scrollbar").children("div").css("width").replace("px","");
		if (prodBroxScrollWidth == "auto") prodBroxScrollWidth = document.getElementById("productbrowser-scrollbar").getElementsByTagName("div")[0].offsetWidth //IE
		
		var lim = (prodBroxViewWidth - prodBroxScrollWidth);
		if (IE6) lim = (lim-15);
		
		newPosX = (newPosX > lim) ? lim : newPosX;
		
		objectToDrag.style.left = newPosX + 'px';
		document.getElementById("productbrowser-view").scrollLeft = Math.abs(newPosX * prodBroxViewWidth / prodBroxScrollWidth);
	}
}


function endDrag(){ isDragging = false; }



$(document).ready(function () {
    var productbrowser = $("#productbrowser");
    if (productbrowser.length != 0) {
    
    
    
        // Réorganisation
        
		var productbrowserenabled = $(document.createElement("div")).attr("id", "productbrowser-view");
        $(productbrowser).wrapInner(productbrowserenabled);
		var products = $(productbrowser).children("div").children("ul")[0]    //Liste des produit

		var productswidth = 0;
		for (var i = 0; i < $(products).children("li").length; i++) {
			if ($(products).children("li")[i].nodeType == 1) {
			    var taillePaddingLeft =  $($(products).children("li")[i]).css("padding-left").replace("px", "");
			    var taillePaddingRight = $($(products).children("li")[i]).css("padding-right").replace("px", "");
			    var taillewidth =        $($(products).children("li")[i]).css("width").replace("px", "");			   
			    productswidth += parseInt(taillePaddingLeft) + parseInt(taillePaddingRight) + parseInt(taillewidth);
			}
		}
		$(products).css("width", productswidth + "px");
		
		
		
		
        //Gestion des tag "en savoir +"
		
		var heightLien = 0 ;
		$("#productbrowser ul li div p.introduce").each(function(index){
		    heightLien = (parseInt(this.offsetHeight) > heightLien) ? this.offsetHeight : heightLien
		    var lien = $(this).children("a").clone(true);
	        $(this).children("a").remove();
	        var divLien = $(document.createElement("p")).attr("class","infoplus").append(lien);
	        $(this).after(divLien);
		});
		
		$("#productbrowser .introduce").css("height",(heightLien-30)+"px");
		
		
		
		
		var scrollbararea = document.createElement("div");
		var scrollbar;                      //Grande scroll bar
		
// Gestioon de la Scrollbar dans la SIDEBAR
 /*       if ($("#others").length != 0){
		    $(scrollbararea).attr("id", "productbrowser-buttonbar");		    
		}else{*/
// Gestion de la Scrollbar dans la HOME
		    $(scrollbararea).attr("id", "productbrowser-scrollbar");
		    
		    var solutions = document.createElement("span");
		    $(solutions).attr("class","denomination");
		    $(solutions).css("padding-left","200px");
		    $(solutions).html(CustomizedScrollbar.solution);
		    
		    var services = document.createElement("span");
		    $(services).attr("class","denomination");
		    $(services).css("padding-left","700px");
		    $(services).html(CustomizedScrollbar.services);
		    
		    $(scrollbararea).prepend(solutions);
		    $(scrollbararea).prepend(services);
		    scrollbar = document.createElement("div");
		    
        // Ajout des evenements
		    $(scrollbar).mousedown(function(event){ beginDrag(this, event);});
		    $(scrollbar).mousemove(function(event){ drag(event);});
		    $(scrollbar).mouseup(function(){ endDrag();});
		    //$(scrollbar).mouseout(function(){ endDrag();});
    		
		    $("#productbrowser-view").scroll(function(){
		        if (isDragging == false){
		            var thisWidth = $(this).css("width").replace("px", ""); 
		            if (thisWidth == "auto") thisWidth = this.offsetWidth; //IE
		            var thisWidthChild = $($(this).children("ul")[0]).css("width").replace("px", "");
		            if (thisWidthChild == "auto") thisWidthChild = this.childNodes[i].offsetWidth; //IE
    		    
				    var left = Math.abs($(this).scrollLeft() * (thisWidth / thisWidthChild)) + "px";
		            $($("#productbrowser-scrollbar").children("div")[0]).css("left",left);
		        }
		    });
    		
		    $(scrollbararea).append(scrollbar);
		    $(productbrowser).append(scrollbararea);
    		
        // Scrollbar Size
		    var browWidth = $(productbrowser).css("width").replace("px", "");
		    if (browWidth == "auto") browWidth = (document.getElementById("productbrowser").offsetWidth)-20 //IE
    		
	        var widthscrollbar = Math.abs(browWidth * browWidth / productswidth) + "px";
		    $(scrollbar).css("width",widthscrollbar);
      //  }
        
        
        
        
    // Contenu de la Scrollbar
	    // --------------Previous button-----------------
	    var previous = document.createElement("input");
	    $(previous).attr("type", "image");
	    $(previous).attr("id", "productbrowser-scrollbar-previous");
	    if (IE6) $(previous).attr("src", "../../build/client/images/components/productbrowser/aw-previousie6.png");
	    else $(previous).attr("src", "../../build/client/images/components/productbrowser/aw-previous.png");
	    $(previous).attr("alt", CustomizedScrollbar.previousButton);
	    $(previous).attr("title", CustomizedScrollbar.previousButton);
	    $(previous).attr("value", CustomizedScrollbar.previousButton);
		
	    $(previous).click(function(event){
		    setTimeout("previousClick()", 200);
		    dblclicking = false;
		    if (event.preventDefault) { event.preventDefault(); } event.returnValue = false;
	    });
	    $(previous).dblclick(function(event){
		    dblclicking = true;
		    document.getElementById("productbrowser-view").scrollLeft = 0;
		    if (event.preventDefault) { event.preventDefault(); } event.returnValue = false;
	    });
		
		
		
		
		
	    // -----------------Next button-----------------
	    var next = document.createElement("input");
	    $(next).attr("type", "image");
	    $(next).attr("id", "productbrowser-scrollbar-next");
	    if (IE6) $(next).attr("src", "../../build/client/images/components/productbrowser/aw-nextie6.png");
	    else $(next).attr("src", "../../build/client/images/components/productbrowser/aw-next.png");
	    $(next).attr("alt", CustomizedScrollbar.nextButton);
	    $(next).attr("title", CustomizedScrollbar.nextButton);
	    $(next).attr("value", CustomizedScrollbar.nextButton);

	    $(next).click(function(event){
		    setTimeout("nextClick()", 200);
		    dblclicking = false;
		    if (event.preventDefault) { event.preventDefault(); } event.returnValue = false;
	    });
	    $(next).dblclick(function(event){
		    dblclicking = true;
		    document.getElementById("productbrowser-view").scrollLeft = document.getElementById("productbrowser-view").scrollWidth;
		    if (event.preventDefault) { event.preventDefault(); } event.returnValue = false;
	    });
		    

        var main = document.createElement("span");
	    if ($("#scrollInfo").length != 0)
		    if ($("#scrollInfo").attr("value") == "home")
			    $(main).append(document.createTextNode(CustomizedScrollbar.solutionservices));

// Gestioon de la Scrollbar dans la SIDEBAR
     /*   if ($("#others").length != 0){
		    $(scrollbararea).append(previous);
		    $(scrollbararea).append(next);
		    $(scrollbararea).append(main);
		    $(productbrowser).append(scrollbararea);
        }else{*/
// Gestioon de la Scrollbar dans la HOME
		    $(scrollbar).append(previous);
		    $(scrollbar).append(document.createTextNode(" "));
		    $(scrollbar).append(next);
		    $(scrollbar).append(document.createTextNode(" "));
		    $(scrollbar).append(main);
		//}
		
		// bouge la slidebar quand on clique dans la zone de glissement de la slidebar
	    $("#productbrowser-scrollbar").mousedown(function(event){
	        if (IsOnScrollBar==false){
	            cote = parseInt(this.offsetLeft);
	            widthbar = parseInt($(this).children("div").css("width").replace("px",""))/2;
	            
            	isDragging = true;
                objectToDrag = this.getElementsByTagName("div")[0];
                ecartX = cote+widthbar;
                
	            drag(event);
	        }else{
	            IsOnScrollBar=false;
	        }
	    });
	    
	    $("#productbrowser-scrollbar div").mousedown(function(){
	        IsOnScrollBar=true;
	    });
    }
});