function posX(obj) {
  var x = 0;
  if (obj.offsetParent) {
    while (obj.offsetParent) {
      x += obj.offsetLeft;
      obj = obj.offsetParent;
    }
  }
  else if (obj.y) {
    while (obj.x) {
      x += obj.x;
    }
  }
  return x;
}

function posY(obj) {
  var y = 0;
  if (obj.offsetParent) {
    while (obj.offsetParent) {
      y += obj.offsetTop;
      obj = obj.offsetParent;
    }
  }
  else if (obj.y) {
    while (obj.y) {
      y += obj.y;
    }
  }
  return y;
}

//function hide_all() {
//  hide_menu('menu_Company');
//  hide_menu('menu_links');
//}

function toggle_menubar_item(e) {
  if (e.className == 'menubar_on')
    e.className = 'menubar_off';
  else
    e.className = 'menubar_on';
}

function toggle_menu_item(e) {
  if (e.className == 'menu_on')
    e.className = 'menu_off';
  else
    e.className = 'menu_on';
}

//Main Nav
image1=new Image( ); image1.src="images/TW_Nav_Home.jpg";
image2=new Image( ); image2.src="images/TW_Nav_Home_over.jpg";
image3=new Image( ); image3.src="images/TW_Nav_Company.jpg";
image4=new Image( ); image4.src="images/TW_Nav_Company_over.jpg";
image5=new Image( ); image5.src="images/TW_Nav_Products.jpg";
image6=new Image( ); image6.src="images/TW_Nav_Products_over.jpg";
image7=new Image( ); image7.src="images/TW_Nav_News.jpg";
image8=new Image( ); image8.src="images/TW_Nav_News_over.jpg";
image9=new Image( ); image9.src="images/TW_Nav_Why.jpg";
image10=new Image( ); image10.src="images/TW_Nav_Why_over.jpg";
image11=new Image( ); image11.src="images/TW_Nav_Investor.jpg";
image12=new Image( ); image12.src="images/TW_Nav_Investor_over.jpg";
image13=new Image( ); image13.src="images/TW_Nav_Carees.jpg";
image14=new Image( ); image14.src="images/TW_Nav_Carees_over.jpg";
//Sub Nav Company
image15=new Image( ); image15.src="images/TW_Company_Sub1.jpg";
image16=new Image( ); image16.src="images/TW_Company_Sub1S.jpg";
image17=new Image( ); image17.src="images/TW_Company_Sub2.jpg";
image18=new Image( ); image18.src="images/TW_Company_Sub2S.jpg";
image19=new Image( ); image19.src="images/TW_Company_Sub3.jpg";
image20=new Image( ); image20.src="images/TW_Company_Sub3S.jpg";
image21=new Image( ); image21.src="images/TW_Company_Sub4.jpg";
image22=new Image( ); image22.src="images/TW_Company_Sub4S.jpg";
image23=new Image( ); image23.src="images/TW_Company_Sub5.jpg";
image24=new Image( ); image24.src="images/TW_Company_Sub5S.jpg";
image25=new Image( ); image25.src="images/TW_Company_Sub6.jpg";
image26=new Image( ); image26.src="images/TW_Company_Sub6S.jpg";
//Sub Nav Products
image27=new Image( ); image27.src="images/TW_Products_Sub1.jpg";
image28=new Image( ); image28.src="images/TW_Products_Sub1S.jpg";
image29=new Image( ); image29.src="images/TW_Products_Sub2.jpg";
image30=new Image( ); image30.src="images/TW_Products_Sub2S.jpg";
image31=new Image( ); image31.src="images/TW_Products_Sub3.jpg";
image32=new Image( ); image32.src="images/TW_Products_Sub3S.jpg";
image33=new Image( ); image33.src="images/TW_Products_Sub4.jpg";
image34=new Image( ); image34.src="images/TW_Products_Sub4S.jpg";
image35=new Image( ); image35.src="images/TW_Products_Sub5.jpg";
image36=new Image( ); image36.src="images/TW_Products_Sub5S.jpg";
image37=new Image( ); image37.src="images/TW_Products_Sub6.jpg";
image38=new Image( ); image38.src="images/TW_Products_Sub6S.jpg";
//Sub Nav News
image39=new Image( ); image39.src="images/TW_News_Sub1.jpg";
image40=new Image( ); image40.src="images/TW_News_Sub1S.jpg";
image41=new Image( ); image41.src="images/TW_News_Sub2.jpg";
image42=new Image( ); image42.src="images/TW_News_Sub2S.jpg";
//Sub Nav Investor
image43=new Image( ); image43.src="images/TW_Investor_Sub1.jpg";
image44=new Image( ); image44.src="images/TW_Investor_Sub1S.jpg";
image45=new Image( ); image45.src="images/TW_Investor_Sub2.jpg";
image46=new Image( ); image46.src="images/TW_Investor_Sub2S.jpg";
image47=new Image( ); image47.src="images/TW_Investor_Sub3.jpg";
image48=new Image( ); image48.src="images/TW_Investor_Sub3S.jpg";


var Navlist=[[image1,image2],[image3,image4],[image5,image6],[image7,image8],[image9,image10],[image11,image12],[image13,image14]];
var SubNavCompany=[[image15,image16],[image17,image18],[image19,image20],[image21,image22],[image23,image24],[image25,image26]];
var SubNavProducts=[[image27,image28],[image29,image30],[image31,image32],[image33,image34],[image35,image36],[image37,image38]];
var SubNavNews=[[image39,image40],[image41,image42]];
var SubNavInvestor=[[image43,image44],[image45,image46],[image47,image48]];
//Main Nav images exchage
function show_image(value1,value2,value3,value4){
	switch(value1){
		case 0:
		Nav_Home.src=Navlist[value1][value2].src;
		event.cancelBubble=true;
		break;
		case 1:
		Nav_Company.src=Navlist[value1][value2].src;
		event.cancelBubble=true;
		break;
		case 2:
		Nav_Products.src=Navlist[value1][value2].src;
		event.cancelBubble=true;
		break;
		case 3:
		Nav_News.src=Navlist[value1][value2].src;
		event.cancelBubble=true;
		break;
		case 4:
		Nav_Why.src=Navlist[value1][value2].src;
		event.cancelBubble=true;
		break;
		case 5:
		Nav_Investor.src=Navlist[value1][value2].src;
		event.cancelBubble=true;
		break;
		case 6:
		Nav_Carees.src=Navlist[value1][value2].src;
		event.cancelBubble=true;
		break;
	}
}

function show_imageSubCompany(value1,value2,value3,value4){
    switch(value3){
		 case 0:
		 Nav_Company.src=Navlist[value1][value2].src;
		 Company_Sub1.src=SubNavCompany[value3][value4].src;
		 event.cancelBubble=true;
		 break;
		 case 1:
		 Nav_Company.src=Navlist[value1][value2].src;
		 Company_Sub2.src=SubNavCompany[value3][value4].src;
		 event.cancelBubble=true;
		 break;
		 case 2:
		 Nav_Company.src=Navlist[value1][value2].src;
		 Company_Sub3.src=SubNavCompany[value3][value4].src;
		 event.cancelBubble=true;
		 break;
		 case 3:
		 Nav_Company.src=Navlist[value1][value2].src;
		 Company_Sub4.src=SubNavCompany[value3][value4].src;
		 event.cancelBubble=true;
		 break;
		 case 4:
		 Nav_Company.src=Navlist[value1][value2].src;
		 Company_Sub5.src=SubNavCompany[value3][value4].src;
		 event.cancelBubble=true;
		 break;
		 case 5:
		 Nav_Company.src=Navlist[value1][value2].src;
		 Company_Sub6.src=SubNavCompany[value3][value4].src;
		 event.cancelBubble=true;
		 break;
	}
}

function show_imageSubProducts(value1,value2,value3,value4){
    switch(value3){
		 case 0:
		 Nav_Products.src=Navlist[value1][value2].src;
		 Products_Sub1.src=SubNavProducts[value3][value4].src;
		 event.cancelBubble=true;
		 break;
		 case 1:
		 Nav_Products.src=Navlist[value1][value2].src;
		 Products_Sub2.src=SubNavProducts[value3][value4].src;
		 event.cancelBubble=true;
		 break;
		 case 2:
		 Nav_Products.src=Navlist[value1][value2].src;
		 Products_Sub3.src=SubNavProducts[value3][value4].src;
		 event.cancelBubble=true;
		 break;
		 case 3:
		 Nav_Products.src=Navlist[value1][value2].src;
		 Products_Sub4.src=SubNavProducts[value3][value4].src;
		 event.cancelBubble=true;
		 break;
		 case 4:
		 Nav_Products.src=Navlist[value1][value2].src;
		 Products_Sub5.src=SubNavProducts[value3][value4].src;
		 event.cancelBubble=true;
		 break;
		 case 5:
		 Nav_Products.src=Navlist[value1][value2].src;
		 Products_Sub6.src=SubNavProducts[value3][value4].src;
		 event.cancelBubble=true;
		 break;
	}
}

function show_imageSubCompany(value1,value2,value3,value4){
    switch(value3){
		 case 0:
		 Nav_Company.src=Navlist[value1][value2].src;
		 Company_Sub1.src=SubNavCompany[value3][value4].src;
		 event.cancelBubble=true;
		 break;
		 case 1:
		 Nav_Company.src=Navlist[value1][value2].src;
		 Company_Sub2.src=SubNavCompany[value3][value4].src;
		 event.cancelBubble=true;
		 break;
		 case 2:
		 Nav_Company.src=Navlist[value1][value2].src;
		 Company_Sub3.src=SubNavCompany[value3][value4].src;
		 event.cancelBubble=true;
		 break;
		 case 3:
		 Nav_Company.src=Navlist[value1][value2].src;
		 Company_Sub4.src=SubNavCompany[value3][value4].src;
		 event.cancelBubble=true;
		 break;
		 case 4:
		 Nav_Company.src=Navlist[value1][value2].src;
		 Company_Sub5.src=SubNavCompany[value3][value4].src;
		 event.cancelBubble=true;
		 break;
		 case 5:
		 Nav_Company.src=Navlist[value1][value2].src;
		 Company_Sub6.src=SubNavCompany[value3][value4].src;
		 event.cancelBubble=true;
		 break;
	}
}

function show_imageSubNews(value1,value2,value3,value4){
    switch(value3){
		 case 0:
		 Nav_News.src=Navlist[value1][value2].src;
		 News_Sub1.src=SubNavNews[value3][value4].src;
		 event.cancelBubble=true;
		 break;
		 case 1:
		 Nav_News.src=Navlist[value1][value2].src;
		 News_Sub2.src=SubNavNews[value3][value4].src;
		 event.cancelBubble=true;
		 break;
	}
}

function show_imageSubInvestor(value1,value2,value3,value4){
    switch(value3){
		 case 0:
		 Nav_Investor.src=Navlist[value1][value2].src;
		 Investor_Sub1.src=SubNavInvestor[value3][value4].src;
		 event.cancelBubble=true;
		 break;
		 case 1:
		 Nav_Investor.src=Navlist[value1][value2].src;
		 Investor_Sub2.src=SubNavInvestor[value3][value4].src;
		 event.cancelBubble=true;
		 break;
		 case 2:
		 Nav_Investor.src=Navlist[value1][value2].src;
		 Investor_Sub3.src=SubNavInvestor[value3][value4].src;
		 event.cancelBubble=true;
		 break;
	}
}

function show_menu(id, pid) {
  var menu = document.getElementById(id);
  var parent = document.getElementById(pid);
  menu.style.display = 'block'; 
  menu.style.left = posX(parent);
  menu.style.top = posY(parent) + parent.offsetHeight;
}

function hide_menu(id) {
  var e = document.getElementById(id);
  e.style.display = 'none';
}

function go(url) {
  window.location = url;
}

