//create onDomReady Event
window.onDomReady = DomReady;

//Setup the event
function DomReady(fn)
{
	//W3C
	if(document.addEventListener)
	{
		document.addEventListener("DOMContentLoaded", fn, false);
	}
	//IE
	else
	{
		document.onreadystatechange = function(){readyState(fn)}
	}
}

//IE execute function
function readyState(fn)
{
	//dom is ready for interaction
	if(document.readyState == "interactive" || document.readyState == "complete")
	{
		fn();
	}
}

window.onDomReady(tabs_init);
//window.addEvent('domready', tabs_init);

var tabs = [];
var currentTab;

function tabs_init() {
	var divs = document.getElementsByTagName("div");
	for(var i = 0; i < divs.length; i++) {
		if(divs[i].id.search(/_details/) > -1) {
			tabs.push(divs[i].id.replace(/_details/,""));
			//console.log($("#" + divs[i].id.replace(/_details/,"")));
		}
	}
	
	//W3C
	if(document.addEventListener)
	{
		for(var i = 0; i < tabs.length; i++) {
			document.getElementById(tabs[i] + '_link').addEventListener('click', switchTab, false);
		}
	}
	//IE
	else
	{
		for(var i = 0; i < tabs.length; i++) {
			document.getElementById(tabs[i] + '_link').onclick = switchTab;
		}
	}
	currentTab = tabs[0];
	// **** set first tab to active
	//document.getElementById(currentTab + '_details').className = document.getElementById(currentTab + '_details').className.replace(/active/,'');
}

function switchTab() {
	var toShow = this.id.replace(/_link/,'');
	if(toShow != currentTab) {
		document.getElementById(currentTab + '_details').className = document.getElementById(currentTab + '_details').className.replace(/active/,'');
		document.getElementById(currentTab + '_details').className = document.getElementById(currentTab + '_details').className + 'hidden';
		document.getElementById(currentTab).className = document.getElementById(currentTab).className.replace(/active/,'');
		
		document.getElementById(toShow + '_details').className = document.getElementById(toShow + '_details').className.replace(/hidden/,'');
		document.getElementById(toShow + '_details').className = document.getElementById(toShow + '_details').className + 'active';
		document.getElementById(toShow).className = 'active';
		currentTab = toShow;
	
	}
	return false;
}
function switchTabTo(id) {
    var toShow = id;
    if (toShow != currentTab) {
        document.getElementById(currentTab + "_details").className = document.getElementById(currentTab + "_details").className.replace(/active/, "");
        document.getElementById(currentTab + "_details").className = document.getElementById(currentTab + "_details").className + "hidden";
        document.getElementById(currentTab).className = document.getElementById(currentTab).className.replace(/active/, "");
        document.getElementById(toShow + "_details").className = document.getElementById(toShow + "_details").className.replace(/hidden/, "");
        document.getElementById(toShow + "_details").className = document.getElementById(toShow + "_details").className + "active";
        document.getElementById(toShow).className = "active";
        currentTab = toShow;
    }
    if(typeof displayTopQuestions == 'function') {
	displayTopQuestions();
    }
    return false;
}

//For page anchors between the tabs
//function getQueryParam( name )
//{
//  	name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
//  	var regexS = "[\\?&]"+name+"=([^&#]*)";
//  	var regex = new RegExp( regexS );
//  	var results = regex.exec( window.location.href );
//  	if( results == null ) return "";
//  	else return results[1];
//}


//function checkQueryParams(){
//	var tabNumber = "";
//	tabNumber = getQueryParam("tab");
//	if(tabNumber != ""){
//		var tabId = "";
//		for(var i = 0;i<$(".tabsbox_content").length;i++){
//			if (i + 1 == tabNumber){
//				tabId = $(".tabsbox_content")[i].id.replace("_details","");
//			}
//		}
//		switchTabTo(tabId);
//	}
//}
//$(window).load(function () {checkQueryParams();});