/*function hoverTab(tabData){
		tabData.className = "tab";
	}
	
	function outTab(tabData){
		tabData.className = "tab";
	}
	
	function executeTab(tabData){
		tabData.className = "tabactive";
		tabData.onmouseover=function(){};
		tabData.onmouseout=function(){};
	}*/
	
	function showTabData(idForDisplay){
		var tabPricing = document.getElementById('tab-pricing');
		var tabOrder = document.getElementById('tab-order');		
		var tabTest = document.getElementById('tab-test');	
		var tabLinks = document.getElementById('tab-links');
		var tabPlace = document.getElementById('tab-place');
		var tabCat = document.getElementById('tab-cat');
		var tabWarranty = document.getElementById('tab-warranty');
		
		var pricingtab = document.getElementById('pricingtab');	
		var ordertab = document.getElementById('ordertab');		
		var testtab = document.getElementById('testtab');
		var linkstab = document.getElementById('linkstab');
		var cattab = document.getElementById('cattab');
		var warrantytab = document.getElementById('warrantytab');
		
		tabPricing.style.display = "none";
		tabOrder.style.display = "none";
		tabTest.style.display = "none";
		tabLinks.style.display = "none";
		tabPlace.style.display = "none";
		tabCat.style.display = "none";
		tabWarranty.style.display = "none";
		 
		title = document.getElementById('lefttitle');
		//main window that holds the content
		airwindow = document.getElementById('aircatcontent');
		
		if (idForDisplay == "pricing"){
			tabPricing.style.display = "block";
			airwindow.className = "left-in";
			title.style.display = "block";
			title.innerHTML = "Pricing"; 
			//executeTab(genetab);
		}else if (idForDisplay == "order"){
			tabOrder.style.display = "block";
			airwindow.className = "left-in";
			title.style.display = "block";
			title.innerHTML = "How to Order"; 
			//executeTab(genetab);
		}else if(idForDisplay == "test"){
			tabTest.style.display = "block";
			airwindow.className = "left-in";
			title.style.display = "block";
			title.innerHTML = "Testimonials"; 
			//executeTab(sassytab);
		}else if(idForDisplay == "links"){
			tabLinks.style.display = "block";
			airwindow.className = "left-in";
			title.style.display = "block";
			title.innerHTML = "LInks"; 
			//executeTab(nadatab);
		}else if(idForDisplay == "cat"){
			tabCat.style.display = "block";
			airwindow.className = "left-in";
			title.style.display = "block";
			title.innerHTML = "Cat"; 
			//executeTab(nadatab);
		}else if(idForDisplay == "warranty"){
			tabWarranty.style.display = "block";
			airwindow.className = "left-in";
			title.style.display = "block";
			title.innerHTML = "Warranty"; 
			//executeTab(nadatab);
		}else if(idForDisplay == "hideme"){
			tabOrder.style.display = "none";
			tabTest.style.display = "none";
			tabLinks.style.display = "none";
			tabCat.style.display = "none";
			tabWarranty.style.display = "none";
			tabPlace.style.display = "block";
		
			airwindow.className = "left-out";
			title.style.display = "none";
			fleXcrollTo('mycustomscroll','0px','0px',false);
		}
		
 	}
	
//a basic example external module to control scroll from outside
//NOT required for fleXcroll to run, and user do NOT need to
//know what this is for standard operation.
function fleXcrollTo(id,x,y,relative) {
	var scrollDiv = document.getElementById(id);
	//Return if the target is null
	if (scrollDiv == null) return;
	//Do the scroll by using custom method attached by fleXcroll
	//but first check if the method exists.
	if(scrollDiv.contentScroll) scrollDiv.contentScroll(x,y,relative);
	if(scrollDiv.scrollUpdate) scrollDiv.scrollUpdate();
	
}