// JavaScript function File
///////////////////////////

 function onMainPageLoad()
  {
  
//  alert(isPostBack()+" /\ "+document.getElementById("clientSideSelectedTab").value); 
//alert("isPostBack=" + isPostBack() +"  " + document.getElementById("scrollto").value);      
            if (isPostBack()) { 
              //post back
			  changetab(document.getElementById("clientSideSelectedTab").value);
//alert(document.getElementById("scrollto").value);
			 if (document.getElementById("scrollto").value == 'notvalid') {
				 window.scroll(0,520);
		 
			  }
             }  
             else{  
           //  alert('first');
              //first page load
             document.getElementById("clientSideSelectedTab").value ='tab1';
             changetab('tab1');
             
             }
		
		 }
        
/////////////////////////////////////////////////////////////    

function panel(panel)
{
//alert('panel start');
    
    document.getElementById("tabPanel1").style.display="none"; 
    document.getElementById("tabPanel2").style.display="none"; 
    document.getElementById("tabPanel3").style.display="none"; 
    
    document.getElementById(panel).style.display ="block";
    document.getElementById("tabsPanel").style.display ="block";
    
      
}


/////////////////////////////////////////////////////////////

function resetAllBtn()
{
  //  alert('resetAllBtn');
  
    document.getElementById("tab1").background ="../Images/management/right_off.jpg";
    document.getElementById("tab2").background="../Images/management/4-1.jpg";
    document.getElementById("tab3").background="../Images/management/4-1.jpg";
   
}


//////////////////////////////////////////////////////////////


function changetab(tab)
{
  //alert('changetab-'+ tab);
 
  resetAllBtn();
  
window.scroll(0,200);
  

  switch (tab)
     {
  
       case 'tab1': 
             panel('tabPanel1');
             document.getElementById("tab1").background="../Images/management/right_on.jpg";
             document.getElementById("clientSideSelectedTab").value ='tab1';
        break;
        
       case 'tab2': 
            panel('tabPanel2'); 
            document.getElementById("tab2").background="../Images/management/middle.jpg";
            document.getElementById("clientSideSelectedTab").value ='tab2';
        break;
        
       case 'tab3': 
            panel('tabPanel3');
            document.getElementById("tab3").background="../Images/management/middle.jpg";
            document.getElementById("clientSideSelectedTab").value ='tab3';
          break;
        
                
        default: 
    }
    
    
    
}