/*********************************************************/
/* Function tabChanger - changing tabs and their contents
/* @param tabName - name of selected tab
/* @param displayType - css class name of tab (ON state)
/* @param tabContentName - name of tab related content div
/*********************************************************/
function tabChanger(tabName,displayType,tabContentName,leftContentName)	{		
	var newClass = 'bmwauc-tab '+displayType;	
	var tabDiv = document.getElementById(tabName);		
	var tabContentDiv = document.getElementById(tabContentName);
	var leftContentDiv = document.getElementById(leftContentName);
	
	/*Set all tab  off - need an iterator for this later on*/			
	document.getElementById('bmwauc-tab-bar-quick-search').className='bmwauc-tab quick-search-off';		
	document.getElementById('bmwauc-tab-bar-find-dealer').className='bmwauc-tab find-dealer-off';
	
	//Set all content-left-content display property: none
	var maindiv = document.getElementById("bmwauc-content-left");
	var divlist = maindiv.getElementsByTagName("div");
	for (var i = 0; i < divlist.length; i++) {
		var actualDiv = divlist[i];	 	
	 	if( actualDiv.className.indexOf( "bmwauc-content-left-content" ) != -1 )
	 	{	 			
	 		actualDiv.style.display = "none";
	 	}
	}	
	
	//Set all tabcontent display property: none */	
	var maindiv = document.getElementById("bmwauc-tab-outer");
	var divlist = maindiv.getElementsByTagName("div");
	for( var i = 0; i < divlist.length; i++)
	{
	 	var actualDiv = divlist[i];	 	
	 	if( actualDiv.className.indexOf( "bmwauc-tab-content" ) != -1 )
	 	{	 			
	 		actualDiv.style.display = "none";
	 	}
	}		
	
	/*set selected tab and related content on*/
	if (tabDiv != null){
		tabDiv.className=newClass;
	}	
	if (tabContentDiv != null){
		tabContentDiv.style.display='';
	}	
	if (leftContentDiv != null) {
		leftContentDiv.style.display='';
	}	
}