var CP={
	init:function(){
		$("body").addClass("js");
		CP.Features.init();
		CP.Util.equalize("#meta>div");

	},
	Features:{
		init:function(){
			Tabs.init($(".panels"));

		}
	},
	Util:{
		
		equalize:function(selector){
			
			var maxHeight=1;
			$(selector).each(function(){
				if (this.offsetHeight>maxHeight) maxHeight=this.offsetHeight;
			});
			$(selector).css("height",maxHeight+"px");
		}
	}
}

var Tabs={
	container:null,
	panels:Array(),
	init:function(container){
		Tabs.container=$(container);
		$('.panel',Tabs.container).each(
									
			function(i){

				var newPanel={};
				newPanel.element=this;
				newPanel.id=this.id;
				newPanel.index=i;
				newPanel.title=$('h3',this)[0];
				newPanel.tab=Tabs.createTab(newPanel);
				Tabs.panels[i]=newPanel;
			}
		)
		Tabs.createTabsBar();
		anchor = window.location.hash;
		anchor = anchor.substring(1,anchor.length);
		Tabs.showPanel(Tabs.panels[anchor]);

	},
	createTab:function(panel){
		var tab=document.createElement("li");
		tab.className = "li_btn_"+panel.id;
		var tabLink=document.createElement("a");
		tabLink.id = "btn_"+panel.id;
		tabLink.innerHTML=panel.title.innerHTML;
		tabLink.href="#"+panel.id;
		$(tabLink).click(function() {Tabs.showPanel(panel); return false;})
		tab.appendChild(tabLink);
		
		return tab;
	},
	createTabsBar:function(){
		var tabsParent=$("#menu_recherche")[0];
		var ul=document.createElement("ul");
		ul.className = "menu_v";
		$(Tabs.panels).each(function(){ ul.appendChild(this.tab); });
		var tabBar=document.createElement("div");
		tabBar.className="tabs";
		tabBar.appendChild(ul);
		tabsParent.appendChild(tabBar);
		

	},
	showNextPanel:function(){
		if (Tabs.activePanelIndex<(Tabs.panels.length-1)){
			nextIndex=Tabs.activePanelIndex+1;
		}else{
			nextIndex=0;
		}
		Tabs.showPanel(Tabs.panels[nextIndex]);
	},
	showPreviousPanel:function(){
		if (Tabs.activePanelIndex>(0)){
			nextIndex=Tabs.activePanelIndex-1;
		}else{
			nextIndex=Tabs.panels.length-1;
		}
		Tabs.showPanel(Tabs.panels[nextIndex]);
	},
	showPanel:function(panel){
		if (panel) {
			var l = 571*panel.index;
			Tabs.container.animate({left:"-"+l+"px"},"slow","easeboth");
			
			Tabs.activeTab(panel.tab);
			Tabs.activePanelIndex=panel.index;
		}
	},
	activeTab:function(tab){
		$("#features li.active").each(function(){$(this).removeClass("active")});
		tab.className=tab.className+" active";
	}
}


$(document).ready(function(){
	CP.init()}
	);