var tabset = new Class( {
	initialize: function(tabNavigation, tabGroup, selectedTab, tabClassSelector) {
		this.tabNavigation = tabNavigation;
		this.tabGroup = tabGroup;
		this.selectedTab = selectedTab;
		this.tabContainers = $$(tabClassSelector);
		
		(this.tabContainers).each(function(el, i) {
			if(el != selectedTab) {
				el.setStyle("display", "none");
			}	
		});
		
		(this.tabNavigation).each(function(el, i) {
			if(el.hash == "#"+selectedTab.id) {
				el.addClass("on");
			}		
			el.bindObj = this;
			el.onclick = this.selectTab;
		}, this);
	},
	selectTab: function () {
		this.bindObj.hideAllTabs();
		var targetTabIDWithHash = $(this).getProperty("href");
		/*
		var tr = targetTabIDWithHash;
		var check=tr.toString();
		*/
		var targetTabIDWithHash = this.getAttribute("href",2);
		var targetTab = $E("div"+targetTabIDWithHash);
		setClass(targetTabIDWithHash);
		//alert("My alert" + typeof(this.selectedTab) + " "+ document.getElementById("tab3_link"));
		
		$$(targetTabIDWithHash).setStyle("display", "block");
	    this.addClass("on");
		
		//alert(check);
		return false;
	},
	hideAllTabs: function() {
		(this.tabContainers).each(function(el, i) {
			el.setStyle("display", "none");	
		});
		
		(this.tabNavigation).each(function(el, i) {
			el.removeClass("on");
			
		});
	}
});
	
window.addEvent('domready', function(){
	var myTabs = new tabset($$("div#largeBox ul.tabNavigation li a"), "mygroup", $("tab1"), $$("div#crossSell div.tab"));
	//var myPsiTabs = new tabset($$("div#productSupportInfo ul.tabNavigation li a") , "mygroup1", $("tab1"), $$("div#crossSell div.tab"));
	//var myStoreDetailsTabs = new tabset($$("div#storeDetailsTabControl ul.tabNavigation li a"), "myStoreDetailsgroup", $("storedetailstab1"), $$("div#storeDetailsTabControl div.tab"));
});

function setClass(arg){
	arg = arg.replace("#",'');
	//arg = arg.substring(arg.indexOf("#"),arg.length)
	//alert(arg)
	argObj = document.getElementById(arg + "_link");
	argObj.className = "on"
}