// JavaScript Document
var $j = jQuery.noConflict();
$j(document).ready(function(){
	//for carousel
        /*
	$j('#mycarousel').jcarousel({
            start: 1,
            scroll: 1,
            animation: 300
        });//end of carousel
	*/
       
         $j('#carousel-wrapper').jMyCarousel({
            visible: '962px',
            speed : 20,
            step:15,
            start: -28,
            eltByElt: false
        });
        $j('#coda-slider-1').codaSlider({
            autoSlide:true,
            dynamicArrows: false,
            dynamicTabs: false
        });

        $j('#openColorPicker').hide();
        $j('.toolbar-bottom > .toolbar > .sorter > .colorPickerAndComparator').hide();

        $j('#carousel-wrapper').css('visibility', 'visible');

	$j('#ads-details').fadeTo(50,0.8);

    var x_main = 964;
    var x_liv = parseInt($j('#livraison').css('left'));
    var x_window = parseInt($j(document).width());
    var x_left = 0.5 * (x_window - x_main) + x_liv + 37;

    var html = $j('#panier-wrapper').html();
    $j('#panier-wrapper').remove();
    $j("body").append('<div id="panier-wrapper">'+html+'</div>');
    $j('#panier-wrapper').css('left',x_left);
    $j('#panier-wrapper').css('top',19);
	
	$j('#ouvrirPanier').click(function(){
            $j('#mon-panier').fadeOut(100);
            $j('#panier-wrapper').fadeIn(100);
            
            return false;
	});

    $j('#fermerPanier').click(function(){
            $j('#panier-wrapper').fadeOut(100);
            $j('#mon-panier').fadeIn(100);
            return false;
    });

    $j.maxZIndex = $j.fn.maxZIndex = function(opt) {
        /// <summary>
        /// Returns the max zOrder in the document (no parameter)
        /// Sets max zOrder by passing a non-zero number
        /// which gets added to the highest zOrder.
        /// </summary>
        /// <param name="opt" type="object">
        /// inc: increment value,
        /// group: selector for zIndex elements to find max for
        /// </param>
        /// <returns type="jQuery" />
        var def = { inc: 10, group: "*" };
        $j.extend(def, opt);
        var zmax = 0;
        $j(def.group).each(function() {
            var cur = parseInt($j(this).css('z-index'));
            zmax = cur > zmax ? cur : zmax;
        });
        if (!this.jquery)
            return zmax;

        return this.each(function() {
            zmax += def.inc;
            $j(this).css("z-index", zmax);
        });
    }

	

        $j('.checkout-button').click(function(){
            $j('#panier-wrapper').fadeOut(100);
            $j('#mon-panier').fadeIn(100);
	});

        //popin type de soin
        var ouvrir_popin_type_soin = function(){
            $j('#type-soins-popin-wrapper').fadeIn(100);
            $j('#marque-popin-wrapper').fadeOut(100);
            $j('#onglet-marque').attr('class','onglet-marques-inactif');
            $j('.header-container').css('border-bottom','1px solid #B6DE40');
            $j('#onglet-type-soin').attr('class','onglet-soins-actif');
	};

        var fermer_popin_type_soin = function(){
            $j('#type-soins-popin-wrapper').fadeOut(100);
            $j('#onglet-type-soin').attr('class','onglet-soins-inactif');
	};
        
        $j('#onglet-type-soin').toggle(ouvrir_popin_type_soin,fermer_popin_type_soin);

	$j('#fermer-popin-type-soins').click(fermer_popin_type_soin);

        //popin marque
        var ouvrir_popin_marque = function(){
            $j('#type-soins-popin-wrapper').fadeOut(100);
            $j('#marque-popin-wrapper').fadeIn(100);
            $j('#onglet-type-soin').attr('class','onglet-soins-inactif');
            $j('#onglet-marque').attr('class','onglet-marques-actif');
            $j('.header-container').css('border-bottom','1px solid #663300');
	};

        var fermer_popin_marque = function(){
            $j('#marque-popin-wrapper').fadeOut(100);
            $j('#onglet-marque').attr('class','onglet-marques-inactif');
            $j('.header-container').css('border-bottom','1px solid #B6DE40');
	};
        
        $j('#onglet-marque').toggle(ouvrir_popin_marque,fermer_popin_marque);

        $j('#fermer-popin-marque').click(fermer_popin_marque);

/* Nuancier
        $j('#nuance-img').css('background-color', $j('#nuance-img').attr('alt'));
        $j('.nuance-img').each(function () { $j(this).css('background-color',$j(this).attr('alt'))});
*/
        $j('#txtEmail').click(function(){
            $j(this).attr('value','');
        });

        $j('#txtPass').click(function(){
            $j(this).attr('value','');
        });

/* Nuancier
        var nb_colors=0;
        var html = "";
            $j('#layered-couleur-values > ol').children('li').each(function(){
                if(nb_colors%25==0){
                     html += "<ul>";
                }
                html += "<li style='background-color:"+$j(this).children('a').attr('alt')+"'>";
                html += "<a href='"+$j(this).children('a').attr('href')+"' title='"+$j(this).children('a').text()+"'>";
                html += "</a>";
                html += "</li>";
                nb_colors++;
                if(nb_colors%25==0){
                     html += "</ul>";
                }
            });
        html += "</ul>";
        html += "<div class='clear'></div>";
        $j('#layered-nuancier-colors').html(html);
        if(nb_colors>0){
            var nb_effets=0;
            $j('.toolbar-top > .toolbar > .sorter > .colorPickerAndComparator > #openColorPicker').show();
            html = "<ul>";
            $j('#layered-effet-values > ol').children('li').each(function(){
                html += "<li style='background-color:"+$j(this).children('a').attr('alt')+"'>";
                html += "<a href='"+$j(this).children('a').attr('href')+"'>";
                html += $j(this).children('a').html();;
                html += "</a>";
                html += "</li>";
                nb_effets++;
            });
            html += "</ul>";
            if(nb_effets>0){
                $j('#layered-nuancier-effets').html("&amp; sélectionner les effets"+html);
                $j('#layered-effet-values').hide();
                $j('#layered-effet').hide();
            }
        }
        */
        $j('#layered-couleur-values').hide();
        $j('#layered-couleur').hide();
/*

	//to display color picker
	$j('#openColorPicker').click(function(){
		$j('#layered-nuancier').slideToggle(300);
                return false;
	});
	
	//closing color picker
	$j('#fermer-layered-nuancier').click(function(){
		$j('#layered-nuancier').slideUp(300);
                return false;
	});

*/

	
	
	//ouvrir comparateur
	$j('a.comparer-cet-article').click(function(){
		/* 
		 * this to hide for another product if it is displayed 
		 * or can put a wrapper which cover the whole screen so that the 
		 * user will be forced to close the open one and then will be able
		 * to click on another object like this
		 */
		if(document.getElementById('pop-in-comparateur-wrapper').style.display == 'block'){
			$j('#pop-in-comparateur-wrapper').fadeOut(300);
		}
		$j('#pop-in-comparateur-wrapper').fadeIn(300,centerMe('#pop-in-comparateur-wrapper'));
	});
	
	//fermer comparateur
	$j('#fermer-comparateur').click(function(){
		$j('#pop-in-comparateur-wrapper').fadeOut(300);
	});
	
	
	/*
	 * @param id of div to be centered
	 */
	function centerMe(obj){
		var winHeight = $j(window).height();
		var winWidth = $j(window).width();
		var posLeft = Math.round((winWidth-$j(obj).width())/2);
		var posTop = Math.round((winHeight-$j(obj).height())/2);
		$j(obj).css({'left':posLeft+'px','top':posTop+'px'});
	}
	
	//open cart
	$j('.catalogue a.ajouter-panier').click(function(){
		if(document.getElementById('pop-in-ajouter-panier-wrapper').style.display == 'block'){
			$j('#pop-in-ajouter-panier-wrapper').fadeOut(300);
		}
		$j('#pop-in-ajouter-panier-wrapper').fadeIn(300,centerMe('#pop-in-ajouter-panier-wrapper'));
	});
	
	//fermeradd to cart
	$j('#fermerPopInMonPanier').click(function(){
		$j('#pop-in-ajouter-panier-wrapper').fadeOut(300);
	});
	
});//end document ready function