function page_switch(page_id){
	 document.write('<div id="page-toparea-graphic-'+page_id+'\"></div>');		
	}

function title_content_wt(){
	
/*----------MENU OF HOME ------------*/

document.write('<div><div style="display:none;width:857px;"><ul id="imenus0">');
document.write('<li style="width:140px;"><a href="../../index.html"><IMG height=23 src="../../images/_menu/home.gif" width=112 imstaticimage="1"><SPAN class=ulmroll id=aaulaitem0_0 style="LEFT: 0px; POSITION: absolute; TOP: 0px" imrollimage="1"><IMG height=23 src="../../images/_menu/home_over.gif" width=112 imrollimage="1"></SPAN></a>');
document.write('	<div><div style="width:160px;top:2px;left:0px;"><ul style="">');

document.write('	<li><a href="../../index.html">Company Overview</a></li>');
	
document.write('	</ul></div></div></li>');   

/*----------MENU OF SERVICES ------------*/
document.write('<li  style="width:20px;"><a><IMG height=23 src="../../images/_menu/seperator.gif" width=2 imstaticimage="1"></a></li>');   
document.write('<li  style="width:125px;"><a href="../services/overview.html"><IMG height=23 src="../../images/_menu/services.gif" width=103 imstaticimage="1"><SPAN class=ulmroll id=aaulaitem0_2 style="LEFT: 0px; POSITION: absolute; TOP: 0px" imrollimage="1"><IMG height=23 src="../../images/_menu/services_over.gif" width=103 imrollimage="1"></SPAN></a>');   

document.write('	<div><div style="width:160px;top:2px;left:0px;"><ul style="">');   
document.write('	<li><a href="../services/overview.html">Overview</a></li>');
document.write('	<li><a href="../services/two_d_design.html">2D Design & Concept</a></li>');   
document.write('	<li><a href="../services/Character.html">Character Modeling</a></li>');         
document.write('	<li><a href="../services/object.html">Object & Vehicle Modeling</a></li>');    
document.write('	<li><a href="../services/Scene.html">Complete Scenes</a></li>');               
document.write('	<li><a href="../services/animation.html">Animation & Mocap</a></li>');                 
document.write('	<li><a href="../services/technical_serv.html">Technical & Development Services</a></li>');  
document.write('	<li><a href="../services/how_work.html">How We Work</a></li>');  
document.write('	</ul></div></div></li>');

/*----------MENU OF CORPORATE ------------*/

document.write('<li  style="width:20px;"><a><IMG height=23 src="../../images/_menu/seperator.gif" width=2 imstaticimage="1"></a></li>');   
document.write('<li  style="width:125px;"><a href="../corporate/overview.html"><IMG height=23 src="../../images/_menu/corporate.gif" width=103 imstaticimage="1"><SPAN class=ulmroll id=aaulaitem0_4 style="LEFT: 0px; POSITION: absolute; TOP: 0px" imrollimage="1"><IMG height=23 src="../../images/_menu/corporate_over.gif" width=103 imrollimage="1"></SPAN></a>');   

document.write('	<div><div style="width:210px;top:2px;left:0px;"><ul style="">');   
document.write('	<li><a href="../corporate/overview.html">Overview</a></li>');   
document.write('	<li ><a href="../corporate/management.html">Management Team</a></li>');                                 
document.write('	<li ><a href="../corporate/directors.html">Board of Directors</a></li>');                                  
document.write('	<li ><a href="../corporate/strengths.html">Our Strengths</a></li>');                                  
document.write('	<li ><a href="../corporate/governance.html">Corporate Governance</a></li>');                            
document.write('	<li ><a href="../corporate/security.html">Client Security & IP Protection</a></li>');
document.write('	<li ><a href="../corporate/iso27001.html">ISO 27001 Certified</a></li>');
document.write('	<li ><a href="../corporate/news.html">Company News</a></li>');
document.write('	<li ><a href="../corporate/press.html">Press</a></li>');
document.write('	<li ><a href="../corporate/contact.html">Contact information</a></li>');                                
	
document.write('	</ul></div></div></li>');   

/*----------MENU OF INSIDE PEARL ------------*/

document.write('<li  style="width:8px;"><a><IMG height=23 src="../../images/_menu/seperator.gif" width=2 imstaticimage="1"></a></li>');   
document.write('<li  style="width:150px;"><a href="../insidepearl/overview.html"><IMG height=23 src="../../images/_menu/insidepearl.gif" width=142 imstaticimage="1"><SPAN class=ulmroll id=aaulaitem0_6 style="LEFT: 0px; POSITION: absolute; TOP: 0px" imrollimage="1"><IMG height=23 src="../../images/_menu/insidepearl_over.gif" width=142 imrollimage="1"></SPAN></a>');   

document.write('	<div><div style="width:150px;top:2px;left:0px;"><ul style="">');   
document.write('	<li><a href="../insidepearl/overview.html">Overview</a></li>');   
document.write('	<li><a href="../insidepearl/tour.html">Take a Tour</a></li>');   
document.write('	<li><a href="../insidepearl/events.html">Company Events</a></li>');   
document.write('	</ul></div></div></li>');   

/*----------MENU OF CAREERS ------------*/

document.write('<li  style="width:20px;"><a><IMG height=23 src="../../images/_menu/seperator.gif" width=2 imstaticimage="1"></a></li>');   
document.write('<li  style="width:120px;"><a href="../careers/overview.html"><IMG height=23 src="../../images/_menu/careers.gif" width=103 imstaticimage="1"><SPAN class=ulmroll id=aaulaitem0_8 style="LEFT: 0px; POSITION: absolute; TOP: 0px" imrollimage="1"><IMG height=23 src="../../images/_menu/careers_over.gif" width=103 imrollimage="1"></SPAN></a>');   

document.write('	<div><div style="width:160px;top:2px;left:0px;"><ul style="">');   
document.write('	<li><a href="../careers/overview.html">Overview</a></li>');   
document.write('	<li><a href="../careers/vacancies.html">Current Vacancies</a></li>');   
/*
document.write('	<li><a href="../careers/opportunity.html">Equal Opportunities</a></li>');   
*/
document.write('	<li><a href="../careers/responsibility.html">Social Benefits & Our Responsibility to You</a></li>');   
document.write('	<li><a href="../careers/training.html">Training & Career Development</a></li>');   
document.write('	</ul></div></div></li>');   

/*----------MENU OF CONTACT ------------*/

document.write('<li  style="width:20px;"><a><IMG height=23 src="../../images/_menu/seperator.gif" width=2 imstaticimage="1"></a></li>');   
document.write('<li  style="width:107px;"><a href="../contact/contact_infor.html"><IMG height=23 src="../../images/_menu/contact.gif" width=103 imstaticimage="1"><SPAN class=ulmroll id=aaulaitem0_10 style="LEFT: 0px; POSITION: absolute; TOP: 0px" imrollimage="1"><IMG height=23 src="../../images/_menu/contact_over.gif" width=103 imrollimage="1"></SPAN></a>');   

document.write('	<div><div style="width:140px;top:2px;left:0px;"><ul style="">');   
document.write('	<li><a href="../contact/contact_infor.html">Contact Information</a></li>');   
document.write('	<li><a href="../contact/office_map.html">Shanghai Studio Location Map</a></li>');   
document.write('	</ul></div></div></li>');   
document.write('</ul><div style="clear:left;"></div></div></div>');   
}

function headline_content_wt(){
document.write('	<div id="page-header" > ');
document.write('   <div id="page-header-image" onClick="document.location.replace(\'../../index.html \')"></div> ');
document.write('   <div id="page-header-text"> ');
document.write('   <ul> ');
document.write('      <li><a href="../careers/vacancies.html">Join Us!</a></li> ');
document.write('      <li><a href="../../index.html">Sitemap</a></li> ');
document.write('   </ul> ');
document.write('  </div> ');
document.write('</div> ');

}

function draw_dotline(num){
	
document.write('<div style="background: url(\'../../images/dot_04.jpg\'); width:'+ num + 'px; height: 1px; background-repeat:repeat-x;\"></div>')
	
}

function side_menu_switch(sub_name){
	switch (sub_name) {
   case "careers" :
       {
        document.write('   <div id="page-column-left">');
        document.write('	 <ul id="sidemenu">');
        document.write('		<li><a href="overview.html">Careers</a>');
        document.write('			<ul>');
        document.write('				<li ><a href="vacancies.html">Current Vacancies</a></li>');
/*
        document.write('				<li ><a href="opportunity.html">Equal Opportunities</a></li>');
*/
        document.write('				<li ><a href="responsibility.html">Social Benefits & Our Responsibility to You</a></li>');
        document.write('				<li ><a href="training.html">Training & Career Development</a></li>');
        document.write('			</ul>	');
        document.write('		</li>');
        document.write('	</ul>');
        document.write('   </div>');
        break;
       	}  ;
   case "services" :
        {   	
   	    document.write('   <div id="page-column-left">');
        document.write('		<ul id="sidemenu">');
        document.write('		<li><a href="overview.html">Services</a>');
        document.write('			<ul>');
        document.write('				<li ><a href="two_d_design.html">2D Design & Concept</a></li>');
        document.write('				<li ><a href="character.html">Character Modeling</a></li>');
        document.write('				<li ><a href="object.html">Object & Vehicle Modeling</a></li>');
        document.write('				<li ><a href="scene.html">Complete Scenes</a></li>');
        document.write('				<li ><a href="animation.html">Animation & Mocap</a></li>');
        document.write('				<li ><a href="technical_serv.html">Technical & Development Services</a></li>');
		    document.write('				<li ><a href="how_work.html">How We Work</a></li>');  
        document.write('			</ul>	');
        document.write('		</li>');
        document.write('	</ul>');
        document.write('   </div>');
        document.write('   ');
        break;
        };
      case "corporate" :
        {   	
   	    document.write('   <div id="page-column-left">');
        document.write('		<ul id="sidemenu">');
        document.write('		<li><a href="overview.html">Corporate</a>');
        document.write('			<ul>');
        document.write('				<li ><a href="management.html">Management Team</a></li>');
        document.write('				<li ><a href="directors.html">Board of Directors</a></li>');
        document.write('				<li ><a href="strengths.html">Our Strengths</a></li>');
        document.write('				<li ><a href="governance.html">Corporate Governance</a></li>');
        document.write('				<li ><a href="security.html">Client Security & IP Protection</a></li>');
		document.write('				<li ><a href="iso27001.html">ISO 27001 Certified</a></li>');
		document.write('				<li ><a href="news.html">Company News</a></li>');
		document.write('				<li ><a href="press.html">Press</a></li>');
        document.write('				<li ><a href="contact.html">Contact Information</a></li>');
        document.write('			</ul>	');
        document.write('		</li>');
        document.write('	</ul>');
        document.write('   </div>');
        document.write('   ');
        break;
        };   
       case "contact" :
        {   	
   	    document.write('   <div id="page-column-left">');
        document.write('		<ul id="sidemenu">');
        document.write('		<li><a href="contact_infor.html">Contact</a>');
        document.write('			<ul>');
        document.write('				<li ><a href="contact_infor.html">Contact Information</a></li>');
        document.write('				<li ><a href="office_map.html">Shanghai Studio Location Map</a></li>');
        document.write('			</ul>	');
        document.write('		</li>');
        document.write('	</ul>');
        document.write('   </div>');
        document.write('   ');
        break;
        };   
        case "inside_pearl" :
        {   	
   	    document.write('   <div id="page-column-left">');
        document.write('		<ul id="sidemenu">');
        document.write('		<li><a href="overview.html">Inside Pearl</a>');
        document.write('			<ul>');
        document.write('				<li ><a href="tour.html">Take a Tour</a></li>');
        document.write('				<li ><a href="events.html">Company Events</a></li>');
        document.write('			</ul>	');
        document.write('		</li>');
        document.write('	</ul>');
        document.write('   </div>');
        document.write('   ');
        break;
        }; 
   default :
       break;
     } 
}        
function headline_content_wt(){
	
document.write('	<div id="page-header" > ');
document.write('   <div id="page-header-image" ></div> ');
document.write('   <div id="page-header-text"> ');
document.write('   <ul> ');
document.write('      <li><a href="../careers/vacancies.html">Join Us!</a></li> ');
document.write('   </ul> ');
document.write('  </div> ');
document.write('</div> ');

	}

function bottom_wt_index(){
	
document.write('<div id="page-footer">');
document.write('   <ul>');
document.write('     <li><a href="../about/privacy_policy.html">Privacy Policy</a></li>');
document.write('   </ul>');            
document.write('   <div id="footer-copyright">&copy; 2007 Pearl Digital Entertainment</div>');
document.write('</div>');

	}