//Gets the browser specific XmlHttpRequest Object
function getXmlHttpRequestObject() {
    if (window.XMLHttpRequest) {
        return new XMLHttpRequest();
    } else if(window.ActiveXObject) {
        return new ActiveXObject("Microsoft.XMLHTTP");
    } else {
        alert("Your Browser does not support AJAX!\nIt's about time to upgrade don't you think?");
    }
}


//XmlHttpRequest object to get the auto suggest
//searchReq
var httpRequestObj = getXmlHttpRequestObject();
var tabName;

//0	The request is not initialized
//1	The request has been set up
//2	The request has been sent
//3	The request is in process
//4	The request is complete

function getContent(file)
{
    if (httpRequestObj.readyState == 4 || httpRequestObj.readyState == 0) 
	{
		tabName = file;
		
		//Get file which is stored in the relative include folder
        httpRequestObj.open("GET", "include/" + file, true);
		
		//Do not use () for the handler reference
        httpRequestObj.onreadystatechange = handleContentChange; 
		
		//Send GET... null becuase we did not send a POST
        httpRequestObj.send(null);	
    }        	
}


function handleContentChange()
{
	if (httpRequestObj.readyState == 4) 
	{
		// Get a reference to the content div
		var divContent = document.getElementById('contentWrapper');
		
		//Get response and fill the content div
		var str = httpRequestObj.responseText;
		divContent.innerHTML = str;
		
		resetTabs();
		
		var content = tabName.split('.');

		var tab = document.getElementById(content[0]);
		tab.className = "selected";
		
		//Get the current tab from the hidden field
		var currentTab = document.getElementById('currentTab')
		currentTab.value = content[0];
    }
}

function resetTabs()
{
	var tab = null;
	
	tab = document.getElementById('overview');
	tab.className = "";
	
	tab = document.getElementById('resources');
	tab.className = "";
	
	tab = document.getElementById('faq');
	tab.className = "";
	
	tab = document.getElementById('specs');
	tab.className = "";
	
	tab = document.getElementById('purchase');
	tab.className = "";
	
	tab = document.getElementById('advantages');
	tab.className = "";
	
	tab = document.getElementById('controllers');
	tab.className = "";
	
		tab = document.getElementById('accessories');
	tab.className = "";

}

function showHide(faqId)
{
	//alert(faqId);
	var div = document.getElementById(faqId);
	div.style.display = (div.style.display=="block")?"none":"block";
	//div.display="block";
}