headroomTabs = {
	tabImages: glow.dom.get("#tabs img"),
	tabDivs: glow.dom.get("#tabs div.tab"),
	initialTab:null,
	images:[],
	links:[],
	insertContent:function(){
		var img = glow.dom.create('<a href="'+ headroomTabs.links[headroomTabs.initialTab] +'" id="promoLink"><img src="'+ headroomTabs.images[headroomTabs.initialTab] +'" width="626" height="250" alt="" id="promo" /></a>').prependTo("#main-promo");	
	},
	init:function(){	
		/* display tab according to hash in url */
		
			var sHash = location.hash;			
			if (sHash == '#tab2') {
				headroomTabs.initialTab = 1;
			} else if (sHash == '#tab3') {
				headroomTabs.initialTab = 2;
			} else if (sHash == '#tab4') {
				headroomTabs.initialTab = 3;
			} else {
				headroomTabs.initialTab = 0;
			}
		
		/* get all the images*/
		var images = glow.dom.get("#tabs img");
		for (var i = 0; i < images.length; i++){
			headroomTabs.images[i] = images[i].src;
		}
		
		/* get all the links */
		var links = glow.dom.get("#tabs h2 a");
		for (var i = 0; i < links.length; i++){
			headroomTabs.links[i] = links[i].href;
		}
		
		headroomTabs.insertContent();	
		
		//select first tab
		var divs = headroomTabs.tabDivs;		
		divs.removeClass("selected");
		divs.slice(headroomTabs.initialTab, headroomTabs.initialTab + 1).addClass("selected");
				
		
		/* add event listeners to all the tabs */ 
		headroomTabs.tabImages.each(function(i) {
			var num = i+1;
			glow.events.addListener(
		    	'#tabs .tab' + num,
		    	'mouseover',
		    	function () { 
					headroomTabs.displayImage(num);
					headroomTabs.updateLink(num);
					return false;
				}
			);
		});
	},
	displayImage:function(image){
		var image = image - 1;
		var img = glow.dom.get("#promo");
		img[0].src = headroomTabs.images[image];

	},

	updateLink:function(href){
		var href = href -1;
		ahref = glow.dom.get("#promoLink");		
		ahref[0].href = headroomTabs.links[href];
		
		
		var divs = headroomTabs.tabDivs;		
		divs.removeClass("selected");
		divs.slice(href, href + 1).addClass("selected");
	}/*,
	extractHash:function(){
		var sHash = location.hash;
		sHash = sHash.slice(1,sHash.length); 
		return 2;
	
	} */
}
glow.ready(headroomTabs.init);