function changePic()
{
var ran_number=Math.floor(Math.random()*9); 
document.Pic.src='images/pic'+ran_number+'.jpg';
}
function changeFont(b)
	{
		var abc=document.getElementById('maintext');
		var abc1=document.getElementById('maintextUL');
		var abc2=document.getElementById('maintextUL2');
		var abc3=document.getElementById('maintextUL3');
		
		var fontSize;
		//alert(abc);
			if (b=="+")
			{
	
				 active = abc.style.fontSize
				 	switch (active) 
							{
								case 'xx-small' :
								fontSize='x-small';break;
								case 'x-small' : 
								fontSize='small';break;
								case 'small' : 
								fontSize='medium';break;
								case 'medium' : 
								fontSize='large';break;
								case 'large' :
								fontSize='x-large';break;
							}
							
			}	
			
		if (b=="-")
			{
			
					 active = abc.style.fontSize
					switch (active) 
							{
								case 'x-small' : 
								fontSize='xx-small';break;
								case 'small' : 
								fontSize='x-small';break;
								case 'medium' : 
								fontSize='small';break;
								case 'large' :
								fontSize='medium';break;
								case 'x-large' :
								fontSize='large';break;
							}
				abc.style.fontSize = fontSize;			
			}	
			
			abc.style.fontSize = fontSize;	
			if(abc1){abc1.style.fontSize = fontSize;}
			if(abc2){abc2.style.fontSize = fontSize;}
			if(abc3){abc3.style.fontSize = fontSize;}
	}
    
sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
	
}
if (window.attachEvent) window.attachEvent("onload", sfHover, changePic);
function changeTab()
    {
        document.banner.src='img/banner_idsi.jpg';
        document.tabs.src='img/topNav.gif';
        document.getElementById('topNav').style.backgroundImage='url(img/topNav_back.gif)';
        document.getElementById('footer').style.background='#0f7878';
        document.getElementById('footer').style.color='#fff';
        document.getElementById('footer_link').style.color='#fff';
        document.getElementById('nav1').style.display='none';
        document.getElementById('nav').style.display='block';
    }
    
    function changeTab1()
    {
        document.banner.src='img/banner.jpg';
        document.tabs.src='img/tabs1.gif';
        document.getElementById('topNav').style.backgroundImage='url(img/sa_back.gif)';
        document.getElementById('footer').style.background='#d8d9d9';
        document.getElementById('footer').style.color='#454545';
        document.getElementById('footer_link').style.color='#454545';
        document.getElementById('nav').style.display='none';
        document.getElementById('nav1').style.display='block';
    }