window.onload=function(){
	overview(1);
	features(0);
	specification(0);
	VAS(0);
}


function switchMenu(obj)
{
	if(obj=='commonFeatures')
	{
		overview(0);
		features(1);
		specification(0);
		VAS(0);
		
		//border(obj);
		menuBox(obj);
		
		
		
	}
	else if(obj=='productLineup')
	{
		overview(1);
		features(0);
		specification(0);
		VAS(0);
		
		//border(obj);
		menuBox(obj);
		
	}
	else if(obj=='specificationList')
	{
		overview(0);
		features(0);
		specification(1);
		VAS(0);
		
		//border(obj);
		menuBox(obj);
	}
	else if(obj=='ValueAddedSerices')
	{
		overview(0);
		features(0);
		specification(0);
		VAS(1);
		
		//border(obj);
		menuBox(obj);
	}
	/*
	var el = document.getElementById(obj);
	if ( el.style.display != 'none' ) {
		el.style.display = 'none';
	}
	else {
	el.style.display = '';
	}
	*/
}

function overview(status)
{
	if(status==1)
	{
		document.getElementById('productLineup').style.display = '';
		
	}
	else if(status==0)
	{
		document.getElementById('productLineup').style.display = 'none';
	}
	
}

function features(status)
{
	if(status==1)
	{
		document.getElementById('commonFeatures').style.display = 'inline';
		
	}
	else if(status==0)
	{
		document.getElementById('commonFeatures').style.display = 'none';
	}
	
}

function specification(status)
{
	if(status==1)
	{
		document.getElementById('specificationList').style.display = 'inline';
		
	}
	else if(status==0)
	{
		document.getElementById('specificationList').style.display = 'none';
	}
	
}

function VAS(status)
{
	if(status==1)
	{
		document.getElementById('ValueAddedSerices').style.display = 'inline';
		
	}
	else if(status==0)
	{
		document.getElementById('ValueAddedSerices').style.display = 'none';
	}
	
}

function border(id)
{
	if(id=='commonFeatures')
	{
		document.getElementById('features').style.borderBottom = 'none';
		document.getElementById('overview').style.borderBottom = '#000000 2px solid';
		document.getElementById('specification').style.borderBottom = '#000000 2px solid';
		document.getElementById('VAS').style.borderBottom = '#000000 2px solid';
	}
	else if(id=='productLineup')
	{
		document.getElementById('features').style.borderBottom = '#000000 2px solid';
		document.getElementById('overview').style.borderBottom = 'none';
		document.getElementById('specification').style.borderBottom = '#000000 2px solid';
		document.getElementById('VAS').style.borderBottom = '#000000 2px solid';
	}
	else if(id=='specificationList')
	{
		document.getElementById('features').style.borderBottom = '#000000 2px solid';
		document.getElementById('overview').style.borderBottom = '#000000 2px solid';
		document.getElementById('specification').style.borderBottom = 'none';
		document.getElementById('VAS').style.borderBottom = '#000000 2px solid';
	}
	else if(id=='ValueAddedSerices')
	{
		document.getElementById('features').style.borderBottom = '#000000 2px solid';
		document.getElementById('overview').style.borderBottom = '#000000 2px solid';
		document.getElementById('specification').style.borderBottom = '#000000 2px solid';
		document.getElementById('VAS').style.borderBottom = 'none';
	}
	
}

function menuBox(id)
{
	if(id=='commonFeatures')
	{
		document.getElementById('features').innerHTML = '<h3 id="subMenuFrame"><a href="javascript: void(0)" onClick="switchMenu(\'commonFeatures\');">Features</a></h3>';
		document.getElementById('features').style.backgroundColor = '#FF6600';
		
		document.getElementById('overview').innerHTML = '<h3 id="topicHeading"><a href="javascript: void(0)" onClick="switchMenu(\'productLineup\');">Overview</a></h3>';
		document.getElementById('overview').style.backgroundColor = '#FFFFFF';
		
		document.getElementById('specification').innerHTML = '<h3 id="topicHeading"><a href="javascript: void(0)" onClick="switchMenu(\'specificationList\');">Specification</a></h3>';
		document.getElementById('specification').style.backgroundColor = '#FFFFFF';
		
		document.getElementById('VAS').innerHTML = '<h3 id="topicHeading"><a href="javascript: void(0)" onClick="switchMenu(\'ValueAddedSerices\');">Value Added Services</a></h3>';
		document.getElementById('VAS').style.backgroundColor = '#FFFFFF';
	}
	else if(id=='productLineup')
	{
		document.getElementById('features').innerHTML = '<h3 id="topicHeading"><a href="javascript: void(0)" onClick="switchMenu(\'commonFeatures\');">Features</a></h3>';
		document.getElementById('features').style.backgroundColor = '#FFFFFF';
		
		document.getElementById('overview').innerHTML = '<h3 id="subMenuFrame"><a href="javascript: void(0)" onClick="switchMenu(\'productLineup\');">Overview</a></h3>';
		document.getElementById('overview').style.backgroundColor = '#FF6600';
		
		document.getElementById('specification').innerHTML = '<h3 id="topicHeading"><a href="javascript: void(0)" onClick="switchMenu(\'specificationList\');">Specification</a></h3>';
		document.getElementById('specification').style.backgroundColor = '#FFFFFF';
		
		document.getElementById('VAS').innerHTML = '<h3 id="topicHeading"><a href="javascript: void(0)" onClick="switchMenu(\'ValueAddedSerices\');">Value Added Services</a></h3>';
		document.getElementById('VAS').style.backgroundColor = '#FFFFFF';
	}
	else if(id=='specificationList')
	{
		document.getElementById('features').innerHTML = '<h3 id="topicHeading"><a href="javascript: void(0)" onClick="switchMenu(\'commonFeatures\');">Features</a></h3>';
		document.getElementById('features').style.backgroundColor = '#FFFFFF';
		
		document.getElementById('overview').innerHTML = '<h3 id="topicHeading"><a href="javascript: void(0)" onClick="switchMenu(\'productLineup\');">Overview</a></h3>';
		document.getElementById('overview').style.backgroundColor = '#FFFFFF';
		
		document.getElementById('specification').innerHTML = '<h3 id="subMenuFrame"><a href="javascript: void(0)" onClick="switchMenu(\'specificationList\');">Specification</a></h3>';
		document.getElementById('specification').style.backgroundColor = '#FF6600';
		
		document.getElementById('VAS').innerHTML = '<h3 id="topicHeading"><a href="javascript: void(0)" onClick="switchMenu(\'ValueAddedSerices\');">Value Added Services</a></h3>';
		document.getElementById('VAS').style.backgroundColor = '#FFFFFF';
	}
	else if(id=='ValueAddedSerices')
	{
		document.getElementById('features').innerHTML = '<h3 id="topicHeading"><a href="javascript: void(0)" onClick="switchMenu(\'commonFeatures\');">Features</a></h3>';
		document.getElementById('features').style.backgroundColor = '#FFFFFF';
		
		document.getElementById('overview').innerHTML = '<h3 id="topicHeading"><a href="javascript: void(0)" onClick="switchMenu(\'productLineup\');">Overview</a></h3>';
		document.getElementById('overview').style.backgroundColor = '#FFFFFF';
		
		document.getElementById('specification').innerHTML = '<h3 id="topicHeading"><a href="javascript: void(0)" onClick="switchMenu(\'specificationList\');">Specification</a></h3>';
		document.getElementById('specification').style.backgroundColor = '#FFFFFF';
		
		document.getElementById('VAS').innerHTML = '<h3 id="subMenuFrame"><a href="javascript: void(0)" onClick="switchMenu(\'ValueAddedSerices\');">Value Added Services</a></h3>';
		document.getElementById('VAS').style.backgroundColor = '#FF6600';
	}
}