function menuFix() {
 var sfEls = document.getElementById("menu").getElementsByTagName("li");
 for (var i=0; i<sfEls.length; i++) {
  sfEls[i].onmouseover=function() {
  this.className=(this.className.length>0? " ": "") + "sfhover";
  }
  sfEls[i].onmousedown=function() {
  this.className=(this.className.length>0? " ": "") + "sfhover";
  }
  sfEls[i].onmouseup=function() {
  this.className=(this.className.length>0? " ": "") + "sfhover";
  }
  sfEls[i].onmouseout=function() {
  this.className =this.className.replace(new RegExp("( ?|^)sfhover\\b"), "");
  }
 }
 
document.getElementById("Asia").onclick =function(){};
document.getElementById("Middle_East").onclick =function(){continents("Middle_East");};
document.getElementById("East_Europe").onclick =function(){continents("East_Europe");};
document.getElementById("West_Europe").onclick =function(){continents("West_Europe");};
document.getElementById("Latin_America").onclick =function(){continents("Latin_America");};
document.getElementById("NorthAmerica").onclick =function(){continents("NorthAmerica");};
document.getElementById("Africa").onclick =function(){continents("Africa");};
document.getElementById("Oceania").onclick =function(){continents("Oceania");};
document.getElementById("Gail").onclick =function(){continents("Gail");};
}
window.onload=menuFix;


function check()
{
    var nameid=window.document.all["username"].value;
    var password=window.document.all["password"].value;
    if(nameid!=""&&password!="")
    {
        return true;
    }else
    {
       alert("The UserID and Password can't be null!");
       return false;
    }
}

        function  getL(id){  
        var e=document.getElementById(id);
        var  l=e.offsetLeft;  
        while(e=e.offsetParent){  
        l+=e.offsetLeft;  
        }  
        return  l  
        }  
         
        function  getT(id){  
        var e=document.getElementById(id);
        var  t=e.offsetTop;  
        while(e=e.offsetParent){  
        t+=e.offsetTop;  
        }  
        return  t  
        }  


        function divshow(n)
        {
            var b=document.getElementById("bar");
            var bl=b.offsetLeft;
            while(b=b.offsetParent){
                bl+=b.offsetLeft;
            }
            var obj=document.getElementById("m"+n);
            obj.style.left=getL("Top1_password")-bl;
            obj.style.top=getT("Top1_password")+document.getElementById("Top1_password").offsetHeight-4;    
            obj.style.display='block';
        }
        function dishow(o)
        {
            document.getElementById(o).style.display='none';
        }
        
function continents(obj){
var id=obj;
switch(id){
case "Asia":         document.getElementById("Asia").style.background="#999";
                         document.getElementById("Middle_East").style.background="#c6c6c6";
                         document.getElementById("East_Europe").style.background="#c6c6c6";
                         document.getElementById("West_Europe").style.background="#c6c6c6";
                         document.getElementById("Latin_America").style.background="#c6c6c6";
                         document.getElementById("NorthAmerica").style.background="#c6c6c6";
                         document.getElementById("Africa").style.background="#c6c6c6";
                         document.getElementById("Oceania").style.background="#c6c6c6";
                         document.getElementById("Gail").style.background="#c6c6c6";
                         document.getElementById("continent_id").value="Asia";
                         document.getElementById("Asia").onclick =function(){};
                         document.getElementById("Middle_East").onclick =function(){continents("Middle_East");};
                         document.getElementById("East_Europe").onclick =function(){continents("East_Europe");};
                         document.getElementById("West_Europe").onclick =function(){continents("West_Europe");};
                         document.getElementById("Latin_America").onclick =function(){continents("Latin_America");};
                         document.getElementById("NorthAmerica").onclick =function(){continents("NorthAmerica");};
                         document.getElementById("Africa").onclick =function(){continents("Africa");};
                         document.getElementById("Oceania").onclick =function(){continents("Oceania");};
                         document.getElementById("Gail").onclick =function(){continents("Gail");};
                         break;
case "Middle_East":  document.getElementById("Middle_East").style.background="#999";
                         document.getElementById("Asia").style.background="#c6c6c6";
                         document.getElementById("East_Europe").style.background="#c6c6c6";
                         document.getElementById("West_Europe").style.background="#c6c6c6";
                         document.getElementById("Latin_America").style.background="#c6c6c6";
                         document.getElementById("NorthAmerica").style.background="#c6c6c6";
                         document.getElementById("Africa").style.background="#c6c6c6";
                         document.getElementById("Oceania").style.background="#c6c6c6";
                         document.getElementById("Gail").style.background="#c6c6c6";
                         document.getElementById("continent_id").value="Middle_East";
                         document.getElementById("Asia").onclick =function(){continents("Asia");};
                         document.getElementById("Middle_East").onclick =function(){};
                         document.getElementById("East_Europe").onclick =function(){continents("East_Europe");};
                         document.getElementById("West_Europe").onclick =function(){continents("West_Europe");};
                         document.getElementById("Latin_America").onclick =function(){continents("Latin_America");};
                         document.getElementById("NorthAmerica").onclick =function(){continents("NorthAmerica");};
                         document.getElementById("Africa").onclick =function(){continents("Africa");};
                         document.getElementById("Oceania").onclick =function(){continents("Oceania");};
                         document.getElementById("Gail").onclick =function(){continents("Gail");};
                         break;
case "East_Europe":  document.getElementById("East_Europe").style.background="#999";
                         document.getElementById("Middle_East").style.background="#c6c6c6";
                         document.getElementById("Asia").style.background="#c6c6c6";
                         document.getElementById("West_Europe").style.background="#c6c6c6";
                         document.getElementById("Latin_America").style.background="#c6c6c6";
                         document.getElementById("NorthAmerica").style.background="#c6c6c6";
                         document.getElementById("Africa").style.background="#c6c6c6";
                         document.getElementById("Oceania").style.background="#c6c6c6";
                         document.getElementById("Gail").style.background="#c6c6c6";
                         document.getElementById("continent_id").value="East_Europe";
                         document.getElementById("Asia").onclick =function(){continents("Asia");};
                         document.getElementById("Middle_East").onclick =function(){continents("Middle_East");};
                         document.getElementById("East_Europe").onclick =function(){};
                         document.getElementById("West_Europe").onclick =function(){continents("West_Europe");};
                         document.getElementById("Latin_America").onclick =function(){continents("Latin_America");};
                         document.getElementById("NorthAmerica").onclick =function(){continents("NorthAmerica");};
                         document.getElementById("Africa").onclick =function(){continents("Africa");};
                         document.getElementById("Oceania").onclick =function(){continents("Oceania");};
                         document.getElementById("Gail").onclick =function(){continents("Gail");};
                         break;
case "West_Europe":  document.getElementById("West_Europe").style.background="#999";
                         document.getElementById("East_Europe").style.background="#c6c6c6";
                         document.getElementById("Middle_East").style.background="#c6c6c6";
                         document.getElementById("Asia").style.background="#c6c6c6";
                         document.getElementById("Latin_America").style.background="#c6c6c6";
                         document.getElementById("NorthAmerica").style.background="#c6c6c6";
                         document.getElementById("Africa").style.background="#c6c6c6";
                         document.getElementById("Oceania").style.background="#c6c6c6";
                         document.getElementById("Gail").style.background="#c6c6c6";
                         document.getElementById("continent_id").value="West_Europe";
                         document.getElementById("Asia").onclick =function(){continents("Asia");};
                         document.getElementById("Middle_East").onclick =function(){continents("Middle_East");};
                         document.getElementById("East_Europe").onclick =function(){continents("East_Europe");};
                         document.getElementById("West_Europe").onclick =function(){};
                         document.getElementById("Latin_America").onclick =function(){continents("Latin_America");};
                         document.getElementById("NorthAmerica").onclick =function(){continents("NorthAmerica");};
                         document.getElementById("Africa").onclick =function(){continents("Africa");};
                         document.getElementById("Oceania").onclick =function(){continents("Oceania");};
                         document.getElementById("Gail").onclick =function(){continents("Gail");};
                         break;
case "Latin_America":    document.getElementById("Latin_America").style.background="#999";
                         document.getElementById("West_Europe").style.background="#c6c6c6";
                         document.getElementById("East_Europe").style.background="#c6c6c6";
                         document.getElementById("Middle_East").style.background="#c6c6c6";
                         document.getElementById("Asia").style.background="#c6c6c6";
                         document.getElementById("NorthAmerica").style.background="#c6c6c6";
                         document.getElementById("Africa").style.background="#c6c6c6";
                         document.getElementById("Oceania").style.background="#c6c6c6";
                         document.getElementById("Gail").style.background="#c6c6c6";
                         document.getElementById("continent_id").value="Latin_America";
                         document.getElementById("Asia").onclick =function(){continents("Asia");};
                         document.getElementById("Middle_East").onclick =function(){continents("Middle_East");};
                         document.getElementById("East_Europe").onclick =function(){continents("East_Europe");};
                         document.getElementById("West_Europe").onclick =function(){continents("West_Europe");};
                         document.getElementById("Latin_America").onclick =function(){};
                         document.getElementById("NorthAmerica").onclick =function(){continents("NorthAmerica");};
                         document.getElementById("Africa").onclick =function(){continents("Africa");};
                         document.getElementById("Oceania").onclick =function(){continents("Oceania");};
                         document.getElementById("Gail").onclick =function(){continents("Gail");};
                         break;
case "NorthAmerica":  document.getElementById("NorthAmerica").style.background="#999";
                         document.getElementById("Latin_America").style.background="#c6c6c6";
                         document.getElementById("West_Europe").style.background="#c6c6c6";
                         document.getElementById("East_Europe").style.background="#c6c6c6";
                         document.getElementById("Middle_East").style.background="#c6c6c6";
                         document.getElementById("Asia").style.background="#c6c6c6";
                         document.getElementById("Africa").style.background="#c6c6c6";
                         document.getElementById("Oceania").style.background="#c6c6c6";
                         document.getElementById("Gail").style.background="#c6c6c6";
                         document.getElementById("continent_id").value="NorthAmerica";
                         document.getElementById("Asia").onclick =function(){continents("Asia");};
                         document.getElementById("Middle_East").onclick =function(){continents("Middle_East");};
                         document.getElementById("East_Europe").onclick =function(){continents("East_Europe");};
                         document.getElementById("West_Europe").onclick =function(){continents("West_Europe");};
                         document.getElementById("Latin_America").onclick =function(){continents("Latin_America");};
                         document.getElementById("Africa").onclick =function(){continents("Africa");};
                         document.getElementById("NorthAmerica").onclick =function(){};
                         document.getElementById("Oceania").onclick =function(){continents("Oceania");};
                         document.getElementById("Gail").onclick =function(){continents("Gail");};
                         break;
case "Africa":        document.getElementById("Africa").style.background="#999";
                         document.getElementById("NorthAmerica").style.background="#c6c6c6";
                         document.getElementById("Latin_America").style.background="#c6c6c6";
                         document.getElementById("West_Europe").style.background="#c6c6c6";
                         document.getElementById("East_Europe").style.background="#c6c6c6";
                         document.getElementById("Middle_East").style.background="#c6c6c6";
                         document.getElementById("Asia").style.background="#c6c6c6";
                         document.getElementById("Oceania").style.background="#c6c6c6";
                         document.getElementById("Gail").style.background="#c6c6c6";
                         document.getElementById("continent_id").value="Africa";
                         document.getElementById("Asia").onclick =function(){continents("Asia");};
                         document.getElementById("Middle_East").onclick =function(){continents("Middle_East");};
                         document.getElementById("East_Europe").onclick =function(){continents("East_Europe");};
                         document.getElementById("West_Europe").onclick =function(){continents("West_Europe");};
                         document.getElementById("Latin_America").onclick =function(){continents("Latin_America");};
                         document.getElementById("NorthAmerica").onclick =function(){continents("NorthAmerica");};
                         document.getElementById("Oceania").onclick =function(){continents("Oceania");};
                         document.getElementById("Africa").onclick =function(){};
                         document.getElementById("Gail").onclick =function(){continents("Gail");};
                         break;
case "Gail":             document.getElementById("Gail").style.background="#999";
                         document.getElementById("Africa").style.background="#c6c6c6";
                         document.getElementById("NorthAmerica").style.background="#c6c6c6";
                         document.getElementById("Latin_America").style.background="#c6c6c6";
                         document.getElementById("West_Europe").style.background="#c6c6c6";
                         document.getElementById("East_Europe").style.background="#c6c6c6";
                         document.getElementById("Middle_East").style.background="#c6c6c6";
                         document.getElementById("Asia").style.background="#c6c6c6";
                         document.getElementById("Oceania").style.background="#c6c6c6";
                         document.getElementById("continent_id").value="Gail";
                         document.getElementById("Asia").onclick =function(){continents("Asia");};
                         document.getElementById("Middle_East").onclick =function(){continents("Middle_East");};
                         document.getElementById("East_Europe").onclick =function(){continents("East_Europe");};
                         document.getElementById("West_Europe").onclick =function(){continents("West_Europe");};
                         document.getElementById("Latin_America").onclick =function(){continents("Latin_America");};
                         document.getElementById("NorthAmerica").onclick =function(){continents("NorthAmerica");};
                         document.getElementById("Africa").onclick =function(){continents("Africa");};
                         document.getElementById("Oceania").onclick =function(){continents("Oceania");};
                         document.getElementById("Gail").onclick =function(){};
                         break;
case "Oceania":          document.getElementById("Oceania").style.background="#999";
                         document.getElementById("Africa").style.background="#c6c6c6";
                         document.getElementById("NorthAmerica").style.background="#c6c6c6";
                         document.getElementById("Latin_America").style.background="#c6c6c6";
                         document.getElementById("West_Europe").style.background="#c6c6c6";
                         document.getElementById("East_Europe").style.background="#c6c6c6";
                         document.getElementById("Middle_East").style.background="#c6c6c6";
                         document.getElementById("Asia").style.background="#c6c6c6";
                         document.getElementById("Gail").style.background="#c6c6c6";
                         document.getElementById("continent_id").value="Oceania";
                         document.getElementById("Asia").onclick =function(){continents("Asia");};
                         document.getElementById("Middle_East").onclick =function(){continents("Middle_East");};
                         document.getElementById("East_Europe").onclick =function(){continents("East_Europe");};
                         document.getElementById("West_Europe").onclick =function(){continents("West_Europe");};
                         document.getElementById("Latin_America").onclick =function(){continents("Latin_America");};
                         document.getElementById("NorthAmerica").onclick =function(){continents("NorthAmerica");};
                         document.getElementById("Africa").onclick =function(){continents("Africa");};
                         document.getElementById("Gail").onclick =function(){continents("Gail");};
                         document.getElementById("Oceania").onclick =function(){};
                         break;
default:document.getElementById("continent_id").value="";
        return false;break;                        
}

ajax();
}

function ajax(){
 var vUrl=$("#hUrl").val();
 var continent=$("#continent_id").val();
 $.ajax({
         type:"POST",
         url:vUrl,         
         data:'{"continent":"'+continent+'"}',
         beforeSend:function(xhr)
         {
           xhr.setRequestHeader("ajaxpro-method","show_country");
         },
         success:function(s)
         {          
            s=s.replace('"','').replace('"','');
            $("#country").html("");      
            $("#country").html(s);
         }                 
    });
}