// JavaScript Document


function ChangeOverImage(iValue)

{
	if(document.getElementById)

   {  
   		   if (iValue == 1)
		{

    		document.getElementById("atop_0").src="images/mapAreaOver_01.gif";
			document.getElementById("aleft_1").src="images/mapAreaOver_06.gif";
 			document.getElementById("atop_1").src="images/mapAreaOver_02.gif";
		}

   		if (iValue == 2)
		{
           document.getElementById("atop_2").src="images/mapAreaOver_03.gif";
		}
     	if (iValue == 3)
		{

    		document.getElementById("atop_3").src="images/mapAreaOver_04.gif";
			document.getElementById("atop_4").src="images/mapAreaOver_05.gif";
 			document.getElementById("aright_1").src="images/mapAreaOver_10.gif";

		}

     	if (iValue == 4)
		{

    		document.getElementById("aright_2").src="images/mapAreaOver_15.gif";

		}


  		if (iValue == 5)
		{

           	document.getElementById("aright_3").src="images/mapAreaOver_20.gif";
           	document.getElementById("abottom_4").src="images/mapAreaOver_25.gif";
  			document.getElementById("abottom_3").src="images/mapAreaOver_24.gif";

		}         
   

		if (iValue == 6)
		{
		document.getElementById("abottom_2").src="images/mapAreaOver_23.gif";
		}

		if (iValue == 7)  
		{
 
         	document.getElementById("abottom_1").src="images/mapAreaOver_22.gif";
			document.getElementById("aleft_4").src="images/mapAreaOver_21.gif";
			document.getElementById("aleft_3").src="images/mapAreaOver_16.gif";
		}

		if(iValue == 8) 
		{
 
         	document.getElementById("aleft_2").src="images/mapAreaOver_11.gif";
		}

		if ((iValue == 9))
		{
    		document.getElementById("zoomin").src="images/btn_zoominOver.gif";
			document.getElementById("tooltext").innerHTML="Zoom in";
		}
		if ((iValue == 10))
		{
    		document.getElementById("zoomout").src="images/btn_zoomoutOver.gif";
			document.getElementById("tooltext").innerHTML="Zoom out";
		}
		if ((iValue == 11))
		{
    		document.getElementById("rectangle").src="images/blue_rectangleOver.gif";
			document.getElementById("tooltext").innerHTML="Rectangular zoom";
		}
		if ((iValue == 12))
		{
    		document.getElementById("recentre").src="images/btn_recentreOver.gif";
			document.getElementById("tooltext").innerHTML="Recentre";
		}
		if ((iValue == 13))
		{
    		document.getElementById("original").src="images/btn_originalOver.gif";
			document.getElementById("tooltext").innerHTML="Original map";
		}
   }
}




function RestoreNormalImage(iValue)

{
   if(document.getElementById)

   {  
	   if (iValue == 1)
		{

    		document.getElementById("atop_0").src="images/maparea_01.gif";
			document.getElementById("aleft_1").src="images/maparea_06.gif";
 			document.getElementById("atop_1").src="images/maparea_02.gif";
		}

   		if (iValue == 2)
		{
           document.getElementById("atop_2").src="images/mapArea_03.gif";
		}

     	if (iValue == 3)
		{

    		document.getElementById("atop_3").src="images/mapArea_04.gif";
			document.getElementById("atop_4").src="images/mapArea_05.gif";
 			document.getElementById("aright_1").src="images/mapArea_10.gif";

		}

     	if (iValue == 4)
		{

    		document.getElementById("aright_2").src="images/mapArea_15.gif";

		}

  		if (iValue == 5)
		{

           	document.getElementById("aright_3").src="images/mapArea_20.gif";
           	document.getElementById("abottom_4").src="images/mapArea_25.gif";
  			document.getElementById("abottom_3").src="images/mapArea_24.gif";

		}    

		if (iValue == 6)
		{
		document.getElementById("abottom_2").src="images/mapArea_23.gif";
		}
		if (iValue == 7)  
		{
 
         	document.getElementById("abottom_1").src="images/mapArea_22.gif";
			document.getElementById("aleft_4").src="images/mapArea_21.gif";
			document.getElementById("aleft_3").src="images/mapArea_16.gif";
		}

		if(iValue == 8) 
		{
 
         	document.getElementById("aleft_2").src="images/mapArea_11.gif";
		}

   if ((iValue == 9) )
		{
		document.getElementById("zoomin").src="images/btn_zoomin.gif";
		document.getElementById("tooltext").innerHTML="Please select a button to use.";
		}
	if ((iValue == 10))
		{
    		document.getElementById("zoomout").src="images/btn_zoomout.gif";
			document.getElementById("tooltext").innerHTML="Please select a button to use.";
		}
	if ((iValue == 11))
		{
    		document.getElementById("rectangle").src="images/blue_rectangle.gif";
			document.getElementById("tooltext").innerHTML="Please select a button to use.";
		}
	if ((iValue == 12))
		{
    		document.getElementById("recentre").src="images/btn_recentre.gif";
			document.getElementById("tooltext").innerHTML="Please select a button to use.";
		}
	if ((iValue == 13))
		{
    		document.getElementById("original").src="images/btn_original.gif";
			document.getElementById("tooltext").innerHTML="Please select a button to use.";
		}

   }
}

function MapOption(opt)
{
    if (opt == "ZoomIn")
    {
        document.getElementById("MapFunctionSelected").value = "ZoomIn";
    }
    else if (opt == "ZoomOut")
    {
        document.getElementById("MapFunctionSelected").value = "ZoomOut";
    }
        else if (opt == "Recenter")
    {
        document.getElementById("MapFunctionSelected").value = "Recenter";
    }
}