// JavaScript Document

menu_status = new Array();

function showHide1(theid){


// showing the 2nd layer which should be active
    if (document.getElementById) {
    var switch_id = document.getElementById(theid);
	y=".1.1";
	k=theid+y;
	    var switch_id1 = document.getElementById(k);
        if(menu_status[theid] != 'show') {
           switch_id.className = 'show';
           switch_id1.className = 'show';
		   
           menu_status[theid] = 'show';
        }
         }
// hiding the 2nd level layer which is not active or not clicked
for (i=1; i<5; i=i+1)
	{ 
		if(theid!=i)
		{
		var	switch_id1 = document.getElementById(i);

			switch_id1.className = 'hide';
	          menu_status[i] = 'hide';
		   }
		   
		   if(theid!=i)
		{
	z=".1.1";
	j=i+z;

		var	switch_id1 = document.getElementById(j);

			switch_id1.className = 'hide';
	          menu_status[j] = 'hide';
		   }
		   
		}
// changing class for 1st level layer which is clicked.. 
// hiding the tabs which are not active and changing class for the clicked one to highligh
var quote= new Array(5)
quote[0]="test";
quote[1]="shared-hosting";
quote[2]="reseller-hosting";
quote[3]="dedicated-hosting";
quote[4]="services";

for (i=1; i<5; i=i+1)
	{
	if(theid==i)
		{

var switch_id1 = document.getElementById(quote[i]);
		switch_id1.className = 'tab01-hover';
		}
		
	if(theid!=i)
		{

var switch_id1 = document.getElementById(quote[i]);
		switch_id1.className = 'tab01';
		}

		   }

 }


 
 
function showHide(theid,type){

//var theid = document.aForm.css.options[document.aForm.css.selectedIndex].value;


    if (document.getElementById) {
    var switch_id = document.getElementById(theid);
	
        if(menu_status[theid] != 'show') {
           switch_id.className = 'show';
           menu_status[theid] = 'show';
        }
         }

if(type=="1.1")
		{
var switch_id1 = document.getElementById("1.1");
var switch_id2 = document.getElementById("1.2");
		switch_id1.className = 'tab02-hover';
		switch_id2.className = 'tab03';
}
if(type=="1.2")
		{
var switch_id1 = document.getElementById("1.1");
var switch_id2 = document.getElementById("1.2");
		switch_id1.className = 'tab02';
		switch_id2.className = 'tab03-hover';
}

	if(theid!="linux")
		{
	var	switch_id = document.getElementById("linux");
			switch_id.className = 'hide';
	          menu_status["linux"] = 'hide';
		   }
		   
		   	if(theid!="windows")
		{
	var	switch_id = document.getElementById("windows");
	
		switch_id.className = 'hide';
	          menu_status["windows"] = 'hide';
		   }





if(type=="2.1")
		{
var switch_id1 = document.getElementById("2.1");
var switch_id2 = document.getElementById("2.2");
		switch_id1.className = 'tab02-hover';
		switch_id2.className = 'tab03';
}
if(type=="2.2")
		{
var switch_id1 = document.getElementById("2.1");
var switch_id2 = document.getElementById("2.2");
		switch_id1.className = 'tab02';
		switch_id2.className = 'tab03-hover';
}

	if(theid!="linux-reseller")
		{
	var	switch_id = document.getElementById("linux-reseller");
			switch_id.className = 'hide';
	          menu_status["linux-reseller"] = 'hide';
		   }
		   
		   	if(theid!="windows-reseller")
		{
	var	switch_id = document.getElementById("windows-reseller");
	
		switch_id.className = 'hide';
	          menu_status["windows-reseller"] = 'hide';
		   }



if(type=="3.1")
		{
var switch_id1 = document.getElementById("3.1");
var switch_id2 = document.getElementById("3.2");
		switch_id1.className = 'tab04-hover';
		switch_id2.className = 'tab05';
}
if(type=="3.2")
		{
var switch_id1 = document.getElementById("3.1");
var switch_id2 = document.getElementById("3.2");
		switch_id1.className = 'tab04';
		switch_id2.className = 'tab05-hover';
}

	if(theid!="dedicated")
		{
	var	switch_id = document.getElementById("dedicated");
			switch_id.className = 'hide';
	          menu_status["dedicated"] = 'hide';
		   }
		   
		   	if(theid!="vps")
		{
	var	switch_id = document.getElementById("vps");
	
		switch_id.className = 'hide';
	          menu_status["vps"] = 'hide';
		   }



}

//-->