/**
 * @author nurun
 */

 
if(KGS === undefined) {
	var KGS = {};
}

box.dom(document).ready(function() {
	
	var mouseOverItem = function() {
		if (box.dom(this).hasClass('select')) return; /* pour éviter le mouseOver dans la page catalogue */		
		box.dom(this).addClass('on');
	};
	
	var mouseOutItem = function() {
		if (box.dom(this).hasClass('select')) return; /* pour éviter le mouseOver dans la page catalogue */
		box.dom(this).removeClass('on');
	};
	
	var openSubMenu = function() {
		if (box.dom('#page').hasClass('coco')) {
			return
		};
		if (box.dom(this).children('div').length) {
			box.dom(this).addClass('open');
			box.dom(this).parent().parent().parent().css({zIndex:'21'});
			var imgSwap = box.dom(this).find('img');
			if (window.ie6) {
				imgSwap[0].runtimeStyle.filter = imgSwap[0].runtimeStyle.filter.replace('.png','-over.png');
			} else {
				var imgMenuSrc = imgSwap.attr('src') ;
				var swapImgMenuSrc = imgMenuSrc.replace('.png','-over.png');
				imgSwap.attr('src', swapImgMenuSrc);
			}
		}
	};

	var closeSubMenu = function() {
		box.dom(this).removeClass('open');
		box.dom(this).parent().parent().parent().css({zIndex:'20'});
		var imgSwap = box.dom(this).find('img');
		if (window.ie6) {
			imgSwap[0].runtimeStyle.filter = imgSwap[0].runtimeStyle.filter.replace('-over.png','.png');		
		} else {
			var imgMenuSrc = imgSwap.attr('src') ;
			var swapImgMenuSrc = imgMenuSrc.replace('-over.png','.png');
			imgSwap.attr('src', swapImgMenuSrc);	
		}		
	};
	


	//* Gestion du fil d'ariane *//
	var collapseBreadcrumb = function() {
		box.dom('#here').prevAll().toggle();
	}	

	box.dom('#here').css('width','105px');
	var isResized = true;

	var resizeAndSwapBreadCrumb = function() {
		var oHere = box.dom('#here');
		var oImg = box.dom('#breadSwitcher img')[0];
		
		if (isResized) {
			oHere.css('width','auto');
			oImg.src = oImg.src.replace('closed','open');
			isResized = false;
		} else {
			oImg.src = oImg.src.replace('open','closed');
			oHere.css('width','105px');
			isResized = true;
		}
	}
	
	box.dom('#here').prevAll().hide();
	
	box.dom('#breadSwitcher a').click(
		function(){
			resizeAndSwapBreadCrumb();
			collapseBreadcrumb();
			return false;
			}
	)

	//* Gestion des infobulles *//
	var tempToolTipInner;
	var showToolTips = function() {
			var toolTipInner = box.dom(this).children().attr('alt');
			tempToolTipInner = toolTipInner;
			var toolTipHtml = '<div class="toolTipWrapper"><div class="toolTipLeft"></div><div class="toolTip">';
			toolTipHtml += toolTipInner;
			toolTipHtml += '</div><div class="toolTipRight"></div></div>';	
			toolTipHtml += '<div class="toolTipArrow"></div>';				
			box.dom(toolTipHtml).insertAfter(box.dom(this));
			var toolTipSize = box.dom('.toolTip').getSize('margin-box').width + 8;
			box.dom('.toolTipWrapper').css({
				width: toolTipSize+'px',
				left: 25 - (toolTipSize/2) +'px'
			});
			box.dom(this).children().attr('alt','');
	}	
	
	var hideToolTips = function() {
		box.dom('.toolTipWrapper').remove();
		box.dom('.toolTipArrow').remove();
		var toolTipInner = box.dom(this).children().attr('alt');
		box.dom(this).children().attr('alt',tempToolTipInner);
	}
	
	if (box.dom('.produit').length || box.dom('.edito').length) {
		box.dom('#horizontalNavigation a').hover(showToolTips,hideToolTips)
	}
	
	box.dom(('#mainNavigation li.mainNavItem')).hover(openSubMenu, closeSubMenu);
	
	if(window.ie6) {
		
	box.dom('#mainNavigation li.mainNavItem:not(.on)').hover(mouseOverItem, mouseOutItem);
	
	box.dom('#sideNavigation dd:not(.on)').hover(mouseOverItem, mouseOutItem);	
	
	box.dom('#results li').hover(mouseOverItem, mouseOutItem);		
		
	}
	
	
	if (box.dom('#scrollable').length && box.dom('.portrait').length) {
			
		box.ui('scroll').configure({ 	
				bar: '<a href="#" class="{$barCls}"><span class="start"></span><span class="middle"></span><span class="end"></span></a>'
		});
		  
		  var itemNumber, itemSize;
		  
		  box.bind({
		    // écoute de l'événement 'beforefirstcompute'
		    // pour calcul de la largeur totale de l'élément
		    'beforefirstcompute.scroll.frostiesGamme': function(e) {
		      var items = $('li', e.source.wrapper);
		      itemNumber = items.length;
		      itemSize = items.eq(0).getSize('margin-box').width;
		      e.source.wrapper.width(itemSize * itemNumber);
		    },'computesuccess.scroll.frostiesGamme': function(e) {
		      e.source.bar.find('span.middle').width(Math.round(e.source.size.bar - 30));
		    }
		  });
		  
		  box.ui('scroll').create({
		    element: '#scrollable',
		    horizontal: true,
		    buttons: false
		  });

	}
	
	box.dom('#scrollable li').hover(mouseOverItem, mouseOutItem);

	
})