var myTitle=""
 var myContent=""
 
 
 function getMapText(id){
 
 switch(id)
            {
            case 1:
               myTitle="<a href='#' onclick='HideMapPopup(1); return false;' ><img src='images/cross_icon.gif' class='popUpCross'> </a><b>India office</b>"
               myContent = "Contact: <a href='/contact.aspx?hq=Rotterdam'>e-mail</a> <br /> WebSite: <a href='http://www.maxlandit.com' target='_blank' >maxlandit.com</a>"
               break;
            case 2:
               myTitle="<a href='#' onclick='HideMapPopup(2); return false;' ><img src='images/cross_icon.gif' class='popUpCross'></a><b>Hong Kong office</b>"
               myContent = "Contact: <a href='/contact.aspx?hq=Hong Kong'> e-mail</a> <br /> WebSite: <a href='http://www.maxlandit.com' target='_blank' >maxlandit.com</a>"
               break;
             case 3:
                myTitle="<a href='#' onclick='HideMapPopup(3); return false;' ><img src='images/cross_icon.gif' class='popUpCross'></a><b>Thailand office</b>"
                myContent = "Contact: <a href='/contact.aspx?hq=Bangkok'> e-mail</a> <br /> WebSite: <a href='http://www.maxlandit.com' target='_blank' >maxlandit.com</a>"
               break;
               

               case 4:
                myTitle="<a href='#' onclick='HideMapPopup(4); return false;' ><img src='images/cross_icon.gif' class='popUpCross'></a><b>Netherland office</b>"
                myContent = "Contact: <a href='/contact.aspx?hq=Rotterdam'> e-mail</a> <br /> WebSite: <a href='http://www.maxlandit.com' target='_blank' >maxlandit.com</a>"
               break;
               
               
                
                case 5:
                myTitle="<a href='#' onclick='HideMapPopup(5); return false;' ><img src='images/cross_icon.gif' class='popUpCross'></a><b>Portland office</b>"
                myContent = "Contact: <a href='/contact.aspx?hq=Portland'>e-mail</a> <br /> WebSite: <a href='http://www.maxlandit.com' target='_blank' >maxlandit.com</a>"
               break;
            default:
             myTitle=""
             myContent = ""
            }
 
 }   
    
function writeMapPopup(list, id){
        getMapText(id);
        var divid = "mapPopup" + id.toString() ;
        var myDiv = document.getElementById(divid);
        var  content = "";
             content= content + "<div><div>" + myTitle + "<hr /> </div>";
             content= content +   "</div>";
             content= content + "<div><div>";
             content= content + myContent;
             content= content + "</div></div>";
             content= content + "<div></div>";
             myDiv.innerHTML=content;
             mapPopupShow(list, divid);
 }

function HideMapPopup(id){
        var divid = "mapPopup" + id.toString() ;
        var myDiv = document.getElementById(divid);
            myDiv.innerHTML="";
            mapPopupHide(divid);
}


function mapPopupShow(listDiv, p)
    {
    var divList = document.getElementsByTagName("div");
     var titlesToHide = listDiv.split(",");
      		  for(var a = 0; a < divList.length; a++)
        			for(var b = 0; b < titlesToHide.length; b++)
          		  if(divList[a].id == titlesToHide[b])
                		 divList[a].style.display='none';
                		 
        document.getElementById(p).style.display='block';
        //document.getElementById("centerpage").setAttribute("class", "centerpage2")
    
    }
    
     function mapPopupHide(p)
   {
        document.getElementById(p).style.display='none';
       //document.getElementById("centerpage").setAttribute("class", "centerpage")
         
       
   }