
var currentTab = 1;
var imgdir = "/site-ghp2/images/";
var images = new Array (
	"tab1_1_on.gif","tab1_2_off.gif","tab1_3_off.gif",
	"tab2_1_off.gif","tab2_2_on.gif","tab2_3_off.gif",
	"tab3_1_off.gif","tab3_2_off.gif","tab3_3_on.gif"
	);
var preloaded = new Array();
	
function ghp_preloadImg(arr) {
	 for (var i = 0; i < arr.length; i++) {
        preloaded[i] = document.createElement('img');
        preloaded[i].setAttribute('src',imgdir+arr[i]);
   }
}

function ghp_toggleTabImg(tabId) {
	var tablist = document.getElementById("tabs");
	if(tablist != null) {
		var imgs = tablist.getElementsByTagName("img");
		var src = "";
		for (var i=0; i<imgs.length; i++) {
			src = imgs[i].getAttribute("src");
			var imgSrcRegex = /tab(\d)_(\d)_o(n|ff)/;
			var imgSrcSelRegex = new RegExp("tab(\\d)_("+ tabId + ")_(off|on)");			
			if(imgSrcRegex.test(src)) {
				if(imgSrcSelRegex.test(src)) {
					imgs[i].setAttribute("src",src.replace(imgSrcSelRegex, "tab"+ tabId +"_"+ (i+1) +"_on"));
				} else {
					imgs[i].setAttribute("src",src.replace(imgSrcRegex, "tab"+ tabId +"_"+ (i+1) +"_off"));
				}
			}
		}
	}
	currentTab = tabId;
	ghp_toggleTab();
	return false;
}

function ghp_toggleTab() {
	var sec = document.getElementById("content_sections");
	if (sec != null) sec.className = "con_" + currentTab;
}

function ghp_initContainer() {
    var sec = document.getElementById("content_sections");
    if (sec != null) {
        if (typeof OneWeb.Admin === "undefined")
            sec.className = "con_1";
        else
            sec.className = "con_1 con_2 con_3";
    }
}

function ghp_initTabs() {
	if (typeof OneWeb.Admin === "undefined") {
		
		var tablist = document.getElementById("tabs");
		
		if(tablist != null) {
			var imgs = tablist.getElementsByTagName("img");
			var a = null;
			for (var i=0; i<imgs.length; i++) {
				a = imgs[i].parentNode;
				if(a != null) {
					a.setAttribute("tab_id",i+1);
					a.setAttribute("href","javascript:void(0);");
					a.onmouseover = function() {ghp_toggleTabImg(this.getAttribute("tab_id")); return false;}					
				}
			}		
		}
		ghp_preloadImg(images);
		
	} else {
		var tablist = document.getElementById("tabs");
		if(tablist != null) {
			var imgs = tablist.getElementsByTagName("img");
			var imgSrcRegex = /tab(\d)_o(n|ff)/;
			var src = "";			
			for (var i=0; i<imgs.length; i++) {
				src = imgs[i].getAttribute("src");
				imgs[i].setAttribute("src",src.replace(imgSrcRegex,"tab$1_off"));				
			}
		}		
	}
}

// initialize the tabs
OneWeb.Util.appendInitEvent(ghp_initContainer);
OneWeb.Util.appendLoadEvent(ghp_initTabs);