function chngbgimg(mit,mire){
    document.getElementById(mit).style.background=mire;    
}

function chngtextcolor(mit,mire){
    document.getElementById(mit).style.color=mire;    
}

function chngmainmenu(id){
    switch(id){
    case 'mainmenu_1':
        document.getElementById('mainmenu_1').style.background='url(../img/mainmenu_left_on.jpg)';
        document.getElementById('mainmenu_2').style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById('mainmenu_3').style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById('mainmenu_4').style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById('mainmenu_5').style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById('mainmenu_6').style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById('mainmenu_7').style.background='url(../img/mainmenu_right2.jpg)'; 
        document.getElementById('mainmenu_8').style.background='url(../img/mainmenu_right.jpg)';     
        break;
    case 'mainmenu_2':
        document.getElementById("mainmenu_1").style.background='url(../img/mainmenu_left_right_on.jpg)';
        document.getElementById("mainmenu_2").style.background='url(../img/mainmenu_center_on.jpg)'; 
        document.getElementById("mainmenu_3").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_4").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_5").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_6").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_7").style.background='url(../img/mainmenu_right2.jpg)'; 
        document.getElementById("mainmenu_8").style.background='url(../img/mainmenu_right.jpg)'; 
        break;
    case 'mainmenu_3':
        document.getElementById("mainmenu_1").style.background='url(../img/mainmenu_left.jpg)';
        document.getElementById("mainmenu_2").style.background='url(../img/mainmenu_center_right_on.jpg)'; 
        document.getElementById("mainmenu_3").style.background='url(../img/mainmenu_center_on.jpg)'; 
        document.getElementById("mainmenu_4").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_5").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_6").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_7").style.background='url(../img/mainmenu_right2.jpg)'; 
        document.getElementById("mainmenu_8").style.background='url(../img/mainmenu_right.jpg)'; 
        break;
    case 'mainmenu_4':
        document.getElementById("mainmenu_1").style.background='url(../img/mainmenu_left.jpg)';
        document.getElementById("mainmenu_2").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_3").style.background='url(../img/mainmenu_center_right_on.jpg)'; 
        document.getElementById("mainmenu_4").style.background='url(../img/mainmenu_center_on.jpg)'; 
        document.getElementById("mainmenu_5").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_6").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_7").style.background='url(../img/mainmenu_right2.jpg)'; 
        document.getElementById("mainmenu_8").style.background='url(../img/mainmenu_right.jpg)'; 
        break;
    case 'mainmenu_5':
        document.getElementById("mainmenu_1").style.background='url(../img/mainmenu_left.jpg)';
        document.getElementById("mainmenu_2").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_3").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_4").style.background='url(../img/mainmenu_center_right_on.jpg)'; 
        document.getElementById("mainmenu_5").style.background='url(../img/mainmenu_center_on.jpg)'; 
        document.getElementById("mainmenu_6").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_7").style.background='url(../img/mainmenu_right2.jpg)'; 
        document.getElementById("mainmenu_8").style.background='url(../img/mainmenu_right.jpg)'; 
        break;
    case 'mainmenu_6':
        document.getElementById("mainmenu_1").style.background='url(../img/mainmenu_left.jpg)';
        document.getElementById("mainmenu_2").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_3").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_4").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_5").style.background='url(../img/mainmenu_center_right_on.jpg)'; 
        document.getElementById("mainmenu_6").style.background='url(../img/mainmenu_center_on.jpg)'; 
        document.getElementById("mainmenu_7").style.background='url(../img/mainmenu_right2.jpg)'; 
        document.getElementById("mainmenu_8").style.background='url(../img/mainmenu_right.jpg)'; 
        break;
    case 'mainmenu_7':
        document.getElementById("mainmenu_1").style.background='url(../img/mainmenu_left.jpg)';
        document.getElementById("mainmenu_2").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_3").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_4").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_5").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_6").style.background='url(../img/mainmenu_center_right_on.jpg)'; 
        document.getElementById("mainmenu_7").style.background='url(../img/mainmenu_right2_on.jpg)'; 
        document.getElementById("mainmenu_8").style.background='url(../img/mainmenu_right.jpg)'; 
        break;
    case 'mainmenu_8':
        document.getElementById("mainmenu_1").style.background='url(../img/mainmenu_left.jpg)';
        document.getElementById("mainmenu_2").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_3").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_4").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_5").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_6").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_7").style.background='url(../img/mainmenu_right2_right_on.jpg)'; 
        document.getElementById("mainmenu_8").style.background='url(../img/mainmenu_right_on.jpg)'; 
        break;    
    }
}

function chngmainmenutext(id){
    switch(id){
    case 'mainmenu_p_1':
        document.getElementById('mainmenu_p_1').style.padding= '3px 20px 0px 0px';
        document.getElementById('mainmenu_p_2').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_3').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_4').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_5').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_6').style.padding= '7px 20px 0px 0px';        
        document.getElementById('mainmenu_p_7').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_8').style.padding= '7px 20px 0px 0px';            
        break;
    case 'mainmenu_p_2':
        document.getElementById('mainmenu_p_1').style.padding= '7px 20px 0px 0px';   
        document.getElementById('mainmenu_p_2').style.padding= '3px 20px 0px 0px';   
        document.getElementById('mainmenu_p_3').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_4').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_5').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_6').style.padding= '7px 20px 0px 0px';        
        document.getElementById('mainmenu_p_7').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_8').style.padding= '7px 20px 0px 0px';    
        break;
    case 'mainmenu_p_3':        
        document.getElementById('mainmenu_p_1').style.padding= '7px 20px 0px 0px';   
        document.getElementById('mainmenu_p_2').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_3').style.padding= '3px 20px 0px 0px';  
        document.getElementById('mainmenu_p_4').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_5').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_6').style.padding= '7px 20px 0px 0px';        
        document.getElementById('mainmenu_p_7').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_8').style.padding= '7px 20px 0px 0px';    
        break;
    case 'mainmenu_p_4':
        document.getElementById('mainmenu_p_1').style.padding= '7px 20px 0px 0px';   
        document.getElementById('mainmenu_p_2').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_3').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_4').style.padding= '3px 20px 0px 0px';   
        document.getElementById('mainmenu_p_5').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_6').style.padding= '7px 20px 0px 0px';        
        document.getElementById('mainmenu_p_7').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_8').style.padding= '7px 20px 0px 0px';    
        break;
    case 'mainmenu_p_5':
        document.getElementById('mainmenu_p_1').style.padding= '7px 20px 0px 0px';   
        document.getElementById('mainmenu_p_2').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_3').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_4').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_5').style.padding= '3px 20px 0px 0px';    
        document.getElementById('mainmenu_p_6').style.padding= '7px 20px 0px 0px';        
        document.getElementById('mainmenu_p_7').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_8').style.padding= '7px 20px 0px 0px';    
        break;
    case 'mainmenu_p_6':
        document.getElementById('mainmenu_p_1').style.padding= '7px 20px 0px 0px';   
        document.getElementById('mainmenu_p_2').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_3').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_4').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_5').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_6').style.padding= '3px 20px 0px 0px';  
        document.getElementById('mainmenu_p_7').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_8').style.padding= '7px 20px 0px 0px';    
        break;
    case 'mainmenu_p_7':
        document.getElementById('mainmenu_p_1').style.padding= '7px 20px 0px 0px';   
        document.getElementById('mainmenu_p_2').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_3').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_4').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_5').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_6').style.padding= '7px 20px 0px 0px';        
        document.getElementById('mainmenu_p_7').style.padding= '3px 20px 0px 0px';  
        document.getElementById('mainmenu_p_8').style.padding= '7px 20px 0px 0px';    
        break;
    case 'mainmenu_p_8':
        document.getElementById('mainmenu_p_1').style.padding= '7px 20px 0px 0px';   
        document.getElementById('mainmenu_p_2').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_3').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_4').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_5').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_6').style.padding= '7px 20px 0px 0px';        
        document.getElementById('mainmenu_p_7').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_8').style.padding= '3px 20px 0px 0px';
         break;   
    }
}

function chngmainmenu_out(id){ 
        document.getElementById("mainmenu_1").style.background='url(../img/mainmenu_left.jpg)';
        document.getElementById("mainmenu_2").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_3").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_4").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_5").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_6").style.background='url(../img/mainmenu_center.jpg)'; 
        document.getElementById("mainmenu_7").style.background='url(../img/mainmenu_right2.jpg)'; 
        document.getElementById("mainmenu_8").style.background='url(../img/mainmenu_right.jpg)'; 
        document.getElementById('mainmenu_p_1').style.padding= '7px 20px 0px 0px';   
        document.getElementById('mainmenu_p_2').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_3').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_4').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_5').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_6').style.padding= '7px 20px 0px 0px';        
        document.getElementById('mainmenu_p_7').style.padding= '7px 20px 0px 0px';       
        document.getElementById('mainmenu_p_8').style.padding= '7px 20px 0px 0px';
}