/*
	2009 ashd
	20100208 tomc
*/
window.addEvent("domready", function(){
	var bg 			= document.getElement(".dev-tabs");
	var contentEls	= $$("#panels-container > *.tab");
	
	if(!bg) return;
	
	bg.set("morph", {
		transition	:Fx.Transitions.Expo.easeInOut,
		duration	:900
	});
	
	bg.setStyles({"background-position"	:"1px 0px"});
	
	$$(".dev-tabs .tab").each(function( tab, index, tabs ){
		tab.addEvents({
			click:function(e, index){
				//if(e) e.stop(); // fixme: webkit

				bg.morph({
					"background-position":  (tab.getPosition(bg).x + tab.getSize().x ) + "px 0px"
				});
				
				// tab active //
				tabs.morph(".dev-tab-default");
				tab.get('morph').cancel();
				tab.morph(".dev-tab-active");

				// cycle content //
				contentEls.setStyles({display:"none"});
				if( index < contentEls.length ) contentEls[index].setStyles({display:"block"});
				
				return false;
			}.create({
				event		:true,
				arguments	:[index]
			})
		});
	});
	
	/*!
		USE # URL FRAGMENT
		todo could use title property of the tab  or somthing
		rather than hard coding the case 
	*/
	switch( new URI( window.location ).get("fragment").toLowerCase() ){
		case "prices":
			document.getElement(".dev-tabs .tab:nth-child(3)").fireEvent("click");
		break;
		
		case "news":
			document.getElement(".dev-tabs .tab:nth-child(5)").fireEvent("click");
		break;
		
		default:
			document.getElement(".dev-tabs .tab").fireEvent("click");
		break;
	}
});