function Load(id,no)
{
for (var i=1; i<=no; i++) {
	document.getElementById('tt' + i).className='Invisible';
	}
	document.getElementById('tt' + id).className = 'Visible';

	for (var i=1; i<=no; i++) {
	document.getElementById('d' + i).className='show1';
	}
	document.getElementById('d' + id).className='show2';
}

function Load1(id,no)
{
for (var i=1; i<=no; i++) {
	document.getElementById('t' + i).className='Invisible';
	}
	document.getElementById('t' + id).className = 'Visible';

	for (var i=1; i<=no; i++) {
	document.getElementById('c' + i).className='s4';
	}
	document.getElementById('c' + id).className='s4a';
}

 

function Load2(id,no)
{
	for (var i=1; i<=no; i++) {
	document.getElementById('tt' + i).className='Invisible';
	}
	document.getElementById('tt' + id).className = 'Visible';

	for (var i=1; i<=no; i++) {
	document.getElementById('s' + i).className='s4a';
	}
	document.getElementById('s' + id).className='s4';
	if(id=='1')
	{
	document.getElementById('tabborder').className='tabborder2';		
	}
	else if(id=='2')
	{
	document.getElementById('tabborder').className='tabborder3';		
	}
	else
	{
	document.getElementById('tabborder').className='tabborder';		
	}

	document.getElementById('s' + 1).className='s4b';
	document.getElementById('s' + 2).className='s4c';	
	
}


function tab(val, name, num){
	var b = name;
	var a = val;
	for (var i=1;i<=num;i++){
		if(i==a){
			document.getElementById(b+'_'+i).style.display="block";
			document.getElementById(b+'_ImgL_'+i).style.backgroundImage="url('images/cl.jpg')";
			document.getElementById(b+'_ImgR_'+i).style.backgroundImage="url('images/cr.jpg')";
			document.getElementById(b+'_ImgH_'+i).style.backgroundImage="url('images/cbg.jpg')";
			document.getElementById(b+'_ImgH_'+i).className="tabOn";
		}
		else{
			document.getElementById(b+'_'+i).style.display="none";
			document.getElementById(b+'_ImgL_'+i).style.backgroundImage="url('images/dl.jpg')";
			document.getElementById(b+'_ImgR_'+i).style.backgroundImage="url('images/dr.jpg')";
			document.getElementById(b+'_ImgH_'+i).style.backgroundImage="url('images/dbg.jpg')";
			document.getElementById(b+'_ImgH_'+i).className="tabOff";
		}
	}
}

function tab1(val, name, num){
	var b = name;
	var a = val;
	for (var i=1;i<=num;i++){
		if(i==a){
	document.getElementById(b+'_'+i).style.display="block";
			document.getElementById(b+'_ImgL_1').src="images/t1_01a.jpg"; 
			document.getElementById(b+'_ImgH_'+i).className="tabOn2";
		}
		else{
			document.getElementById(b+'_'+i).style.display="none";
			document.getElementById(b+'_ImgL_1').src="images/tt1_01.jpg"; 
			document.getElementById(b+'_ImgH_'+i).className="tabOff2";
		}
	}
}


function tab2(val, name, num){
	var b = name;
	var a = val;
	for (var i=1;i<=num;i++){
		if(i==a){
			document.getElementById(b+'_'+i).style.display="block";
			document.getElementById(b+'_ImgL_'+i).style.backgroundImage="url('images/cl2.jpg')";
			document.getElementById(b+'_ImgR_'+i).style.backgroundImage="url('images/cr2.jpg')";
			document.getElementById(b+'_ImgH_'+i).style.backgroundImage="url('images/cbg2.jpg')";
			document.getElementById(b+'_ImgH_'+i).className="tabOn";
		}
		else{
			document.getElementById(b+'_'+i).style.display="none";
			document.getElementById(b+'_ImgL_'+i).style.backgroundImage="url('images/dl2.jpg')";
			document.getElementById(b+'_ImgR_'+i).style.backgroundImage="url('images/dr2.jpg')";
			document.getElementById(b+'_ImgH_'+i).style.backgroundImage="url('images/dbg2.jpg')";
			document.getElementById(b+'_ImgH_'+i).className="tabOff";
		}
	}
}



function tab3(val, name, num){
	var b = name;
	var a = val;
		if(val==1){
			document.getElementById(b+'_1').style.display="block";
			document.getElementById(b+'_2').style.display="none";			
			document.getElementById(b+'_ImgL_1').className='st3';
			document.getElementById(b+'_ImgR_1').className='st12';
			document.getElementById(b+'_ImgR_2').className='st10';
			document.getElementById(b+'_ImgH_1').className='st2';
			document.getElementById(b+'_ImgH_2').className='st1';
		}
		if(val==2){
			document.getElementById(b+'_2').style.display="block";
			document.getElementById(b+'_1').style.display="none";			
			document.getElementById(b+'_ImgL_1').className='st3a';
			document.getElementById(b+'_ImgR_1').className='st12a';
			document.getElementById(b+'_ImgR_2').className='st10a';
			document.getElementById(b+'_ImgH_1').className='st1';
			document.getElementById(b+'_ImgH_2').className='st2';
		}
} 



function showExp(nodeID, nodeCount, nodePosition)
{
	for (i = 1; i <= nodeCount; i++)
	{
		if (i == nodePosition)
			show(nodeID + i);
		else
			hide(nodeID + i);	
	}    
}	

function show(displayItem)
{
    var dItem = document.getElementById(displayItem);
    dItem.style.display = 'inline';
}

function hide(displayItem)
{
    var dItem = document.getElementById(displayItem);
    dItem.style.display = 'none';
}