/* Expand - Hide Navigation by Width */

cc=0;
function expandTd()
{
	if(cc==0)
	{
	document.getElementById('fr1').style.width="162";
	document.getElementById('td1').style.width="162";
	document.getElementById('td1').className='boxRht';
	cc=1;
	document.getElementById('myimage').src="images/hide.jpg";
	}
	else
	{
	  document.getElementById('fr1').style.width="0";
      document.getElementById('td1').style.width="0";
	  document.getElementById('td1').className='boxRht1';
	  cc=0;
	  document.getElementById('myimage').src="images/show.jpg";
	}
	
}
function ShowNavig()
{
	  document.getElementById('fr1').style.width="175";
      document.getElementById('td1').style.width="175";
	  document.getElementById('td1').className='boxRht';
	  document.getElementById('myimage').src="images/show.jpg";
	}
function HideNavig()
{
	document.getElementById('fr1').style.width="0";
	document.getElementById('td1').style.width="0";
	document.getElementById('td1').className='boxRht1';
	document.getElementById('myimage').src="images/hide.jpg";
}

/* Expand - Hide Navigation by height */

function change(id){
     ID = document.getElementById(id);
    
     if(ID.style.display == "")
          ID.style.display = "none";
		  
     else
          ID.style.display = "";
      }

/* Swapping Tab Menus */
function tab1()
{
   document.getElementById('tab1').className='tabMenuActive';
   document.getElementById('tab2').className='tabMenu';
   document.getElementById('tab3').className='tabMenu';
   document.getElementById('tab4').className='tabMenu';
     }
function tab2()
{
   document.getElementById('tab1').className='tabMenu';
   document.getElementById('tab2').className='tabMenuActive';
   document.getElementById('tab3').className='tabMenu';
   document.getElementById('tab4').className='tabMenu';
}
function tab3()
{
   document.getElementById('tab1').className='tabMenu';
   document.getElementById('tab2').className='tabMenu';
   document.getElementById('tab3').className='tabMenuActive';
   document.getElementById('tab4').className='tabMenu';
}
function tab4()
{
   document.getElementById('tab1').className='tabMenu';
   document.getElementById('tab2').className='tabMenu';
   document.getElementById('tab3').className='tabMenu';
   document.getElementById('tab4').className='tabMenuActive';
}

/* Droup Down Menu */
function showmenu(layer)
{
document.getElementById(layer).style.visibility="visible"
}
function hidemenu(layer)
{
document.getElementById(layer).style.visibility="hidden"
}

/* Motor Tab Style */

function car()
{
   document.getElementById('car').className='tabMenuInnerActive';
   document.getElementById('bike').className='tabMenuInner';
     }
function bike()
{
   document.getElementById('car').className='tabMenuInner';
   document.getElementById('bike').className='tabMenuInnerActive';
}

/* life Calaculator -------------------- */

function future_tab()
{
   document.getElementById('future_tab').className='heading';
   document.getElementById('present_tab').className='txtBold';
   document.getElementById('future_annual_tab').className='txtBold';
   document.getElementById('present_annual_tab').className='txtBold';
     }
function present_tab()
{
   document.getElementById('future_tab').className='txtBold';
   document.getElementById('present_tab').className='heading';
   document.getElementById('future_annual_tab').className='txtBold';
   document.getElementById('present_annual_tab').className='txtBold';
}
function future_annual_tab()
{
   document.getElementById('future_tab').className='txtBold';
   document.getElementById('present_tab').className='txtBold';
   document.getElementById('future_annual_tab').className='heading';
   document.getElementById('present_annual_tab').className='txtBold';
}
function present_annual_tab()
{
   document.getElementById('future_tab').className='txtBold';
   document.getElementById('present_tab').className='txtBold';
   document.getElementById('future_annual_tab').className='txtBold';
   document.getElementById('present_annual_tab').className='heading';
}

