var old_mouse_over_color;
var old_mouse_over_color2;
var old_mouse_over_background;
var old_mouse_over_background2;
var old_colorC;
var old_backgroundC;
<!-- var mouse_over_color="#000000"; -->

var mouse_idC;

var mouse_over_color = new Array();

mouse_over_color[0]  = "#DAE7FC";  		      <!-- frontcolor menu off -->
mouse_over_color[1]  = "#282828";  		      <!-- shadowtextcolor menu off -->
mouse_over_color[2]  = "rgb(251,247,196)";  <!-- textcolor cityname video/photo.htm -->
mouse_over_color[3]  = "#475474"; 	  <!-- backgroundcolor cityname video/photo.htm  -->
mouse_over_color[4]  = "#DAE7FC";  		<!-- frontcolor menu on -->
mouse_over_color[5]  = "#282828";  		<!-- shadowtextcolor menu on -->
mouse_over_color[6]  = "rgb(20,20,20)";  		<!-- fronttextcolor LikeThai -->
mouse_over_color[7]  = "rgb(84,84,84)";  		<!-- shadowtextcolor LikeThai -->
mouse_over_color[8]  = "#000000";  		<!-- fronttextcolor recent video/photo -->
mouse_over_color[9]  = "rgb(174,200,121)"; 	<!-- backgroundcolor recent video/photo -->
mouse_over_color[10] = "rgb(71,84,116)";  	<!-- fronttextcolor recent video/photo -->
mouse_over_color[11] = "rgb(251,247,196)"; 	<!-- backgroundcolor recent video/photo -->
mouse_over_color[12] = "rgb(240,231,159)"; 	<!-- backgroundcolor cityname index.htm -->
mouse_over_color[13] = "rgb(174,0,0)";    	<!-- red, text color cityname recent video/photo, index.htm -->
mouse_over_color[14] = "rgb(244,216,119)"; 	<!-- light green (not in use from here) -->
mouse_over_color[15] = "rgb(192,204,45)"; 	<!-- yellow/green/brown (not in use from here) -->
mouse_over_color[16] = "rgb(247,224,147)"; 	<!-- backgroundcolor video/photo -->

function mouseOverMenu(id,cid)
{
<!-- Change textcolor -->

 mouse_id=document.getElementById(id)	
 old_mouse_over_color=mouse_id.style.color;
 mouse_id.style.color=mouse_over_color[cid];
-->
}

function mouseOutMenu(id)
{
 mouse_id=document.getElementById(id)	
 mouse_id.style.color=old_mouse_over_color;
}

function mouseOverMenu2(id1,cid1,id2,cid2)
{
<!-- Change textcolor for 2 elements (ex. front/shadow textcolor) -->

 mouse_id1=document.getElementById(id1)	
 old_mouse_over_color=mouse_id1.style.color;
 mouse_id2=document.getElementById(id2)	
 old_mouse_over_background=mouse_id2.style.color;
 mouse_id1.style.color=mouse_over_color[cid1];
 mouse_id2.style.color=mouse_over_color[cid2];
}

function mouseOutMenu2(id1,id2)
{
 mouse_id1=document.getElementById(id1)	
 mouse_id1.style.color=old_mouse_over_color;
 mouse_id2=document.getElementById(id2)	
 mouse_id2.style.color=old_mouse_over_background;
}

function mouseOverMenuA(id1,id2,id3)
{
<!-- Change textcolor and background color for 1 element -->

 mouse_id=document.getElementById(id1)	
 old_mouse_over_color=mouse_id.style.color;
 old_mouse_over_background=mouse_id.style.background;
 mouse_id.style.color=mouse_over_color[2];
 mouse_id.style.background=mouse_over_color[16];
 
 mouse_id2=document.getElementById(id2)	
 old_mouse_over_color2=mouse_id2.style.color;
 old_mouse_over_background2=mouse_id2.style.background;
 mouse_id2.style.color=mouse_over_color[2];
 mouse_id2.style.background=mouse_over_color[16];

 mouse_id3=document.getElementById(id3)	
 old_mouse_over_color3=mouse_id3.style.color;
 old_mouse_over_background3=mouse_id3.style.background;
 mouse_id3.style.color=mouse_over_color[13];
 mouse_id3.style.background=mouse_over_color[16];
}

function mouseOutMenuA(id1,id2,id3)
{
 mouse_id=document.getElementById(id1)	
 old_mouse_over_color=mouse_id.style.color;
 old_mouse_over_background=mouse_id.style.background;
 mouse_id.style.color=mouse_over_color[10];
 mouse_id.style.background=mouse_over_color[11];
 
 mouse_id2=document.getElementById(id2)	
 old_mouse_over_color2=mouse_id2.style.color;
 old_mouse_over_background2=mouse_id2.style.background;
 mouse_id2.style.color=mouse_over_color[10];
 mouse_id2.style.background=mouse_over_color[11];

 mouse_id3=document.getElementById(id3)	
 old_mouse_over_color3=mouse_id3.style.color;
 old_mouse_over_background3=mouse_id3.style.background;
 mouse_id3.style.color=mouse_over_color[13];
 mouse_id3.style.background=mouse_over_color[11];
}

function mouseOverMenuB(id,cid1,cid2)
{
<!-- Change textcolor and background color for 1 element -->

 mouse_id=document.getElementById(id)	
 old_mouse_over_color=mouse_id.style.color;
 old_mouse_over_background=mouse_id.style.background;
 mouse_id.style.color=mouse_over_color[cid1];
 mouse_id.style.background=mouse_over_color[cid2];
}

function mouseOutMenuB(id)
{
 mouse_id=document.getElementById(id)	
 mouse_id.style.color=old_mouse_over_color;
 mouse_id.style.background=old_mouse_over_background;
}

function mouseOverMenuC(id,cid1,cid2)
{
<!-- Change textcolor and background color for 1 element -->

 mouse_idC=document.getElementById(id)	
 old_backgroundC=mouse_idC.style.background;
 old_colorC=mouse_idC.style.color;
 mouse_idC.style.background=mouse_over_color[cid2];
 mouse_idC.style.color=mouse_over_color[cid1];
}

function mouseOutMenuC(id)
{
 mouse_idC.style.background=old_backgroundC;
 mouse_idC.style.color=old_colorC;
}

function mouseOverVon(id)
{
 mouse_id=document.getElementById(id)	
 mouse_id.style.visibility="visible";
}
function mouseOverVoff(id)
{
 mouse_id=document.getElementById(id)	
 mouse_id.style.visibility="hidden";
}
function mouseOverChPic(id1,src1)
{
 mid1=document.getElementById(id1)	
 mid1.src=src1;
}
function mess1(med)
{
alert(med);
}