// Skin Specific JS goes here. The jQuery library has already been loaded by the core templates. So if you use jQuery, you are ready to go.
jQuery(document).ready(function() {

	// Clear default search text on click.
	if (jQuery('#siteSearchInput').length > 0) {
		defaultSearchValue = jQuery('#siteSearchInput')[0].value;
		jQuery('#siteSearchInput').focus(function() {
			if (jQuery(this)[0].value === defaultSearchValue) {
				jQuery(this)[0].value = '';
			}
		});

		jQuery('#siteSearchInput').blur(function() {
			if (jQuery(this)[0].value === '') {
				jQuery(this)[0].value = defaultSearchValue;
			}
		});
	}
	
	/*******************
	* GESTION DU MENU  *
	*******************/
	
	jQuery('#mainMenu ul li .sousmenu-wrapper').hide();
	var zIndex = 9;
	
	jQuery('#mainMenu > ul li').hover(function() {
        zIndex++;
        jQuery(this).css('zIndex',zIndex);
        jQuery(this).find('.sousmenu-wrapper').delay(300).show();
    },function() {
          jQuery(this).find('.sousmenu-wrapper').hide();
    });
    
    
    /******************************************************************
	* COMPPTE ET SEPARE LES EVENEMENTS EN DIV.ITEMS DE 5 POUR LE SLIDE   *
	******************************************************************/
	
	var Mag= jQuery('.magasin');
    var  numOfLines = Mag.length;
    for (i=0; i<numOfLines; i=i+3){
      Mag.eq(i).add(Mag.eq(i+1)).add(Mag.eq(i+2)).wrapAll('<div class="test" />');
    }
	
});