/*

MAIN MENU

*/

var mainmenu = {
	dureeanim : 500,
	nbCate : 0,
	menuwidth : 0,
	elem : null,
	
	init : function(elem){
		this.elem = elem;
		this.nbCate = this.elem.find(".bt").length;
		
		// calcul largeur boutons pour largeur menu hidden (menu_large)
		/*
		var tempmenuwidth = this.elem.find(".active").outerWidth()+20; // 20 = largeur img home
		this.elem.find(".bt").each(function(index) {
			var widthbt = $(this).outerWidth();
			tempmenuwidth += widthbt;
		});
		this.menuwidth = tempmenuwidth;
		*/
		//var leftbt = 0;
		this.elem.find("a").each(function(index) {
			//alert(mainmenu.menuwidth);
			var widthbt = $(this).outerWidth();
			mainmenu.menuwidth += widthbt;
		});
		
		//on affecte le largeur total au menu_large
		this.elem.find(".menu_large").css('width',this.menuwidth+1);
		
		//init bouton next
		this.elem.append('<div class="btprev"></div>');
		this.elem.append('<div class="btnext"></div>');
		
		// on decale le menu selon le bouton actif
		var p = this.elem.find(".active").parent().position();
		if ( p != null && p.left > 500 ){
			this.elem.find(".menu_large").css('left',this.elem.outerWidth()-this.menuwidth);
			this.elem.find('.btnext').hide();
		} else {
			this.elem.find('.btprev').hide();
			if (this.elem.outerWidth()-this.menuwidth > 0) this.elem.find('.btnext').hide();
		}
				
		// action prev/next
		this.elem.find('.btprev').mouseover(function(){mainmenu.moveMenu(1);});
		this.elem.find('.btnext').mouseover(function(){mainmenu.moveMenu(-1);});
		
	},
	
	moveMenu : function(sens){
		//alert (parseInt(this.elem.find(".menu_large").css('left'))+" / "+(this.elem.outerWidth()-this.menuwidth));
		
		// anim lateral menu
		if (sens == -1){
			this.elem.find('.btnext').hide();
			this.elem.find('.btprev').show();
			var newCssMenu = {"left": this.elem.outerWidth()-this.menuwidth };
			this.elem.find(".menu_large").animate(newCssMenu, this.dureeanim);			
		} else {
			this.elem.find('.btnext').show();
			this.elem.find('.btprev').hide();
			var newCssMenu = {"left": 0 };
			this.elem.find(".menu_large").animate(newCssMenu, this.dureeanim);						
		}
		
		
	}
	

}

$(function(){
	mainmenu.init($("#mainmenu"));

});