// Coder: Thilina Ratnayake

  var LastClickedImage = 0;
  var isClicked = false;
      
   /*Image pre loader */ 
   
   
    
    function simplePreload()
    { 
        document.imageArray1  = new Array(15);
        document.imageArray2  = new Array(15);
        document.imageArray3  = new Array(3);
        
        
        for (var i=0; i<=15 ; i++)
        {
            document.imageArray1[i] = new Image();
            document.imageArray1[i].src = 'Images/pro_' + i + '.gif';
            
        } 
    
        for (var i=0; i<=15 ; i++)
        {
            document.imageArray2[i] = new Image();
            document.imageArray2[i].src = 'Images/ProOver_' + i + '.gif';
            
        } 
        
        for (var i=12; i<=14 ; i++)
        {
            document.imageArray3[i] = new Image();
            document.imageArray3[i].src = 'Images/country_' + i + '.gif';
            
        } 
     

    }
    
      

    /*When giving the province Id Change the darkness of the province and display the cities */
    function DisplayCities(id,isCountry,msg)
    {
      var i = 0
      var arrCities = new Array();
      var arrCitiesDetails = new Array();
      var ProvinceId =id.substr(9)
      var strCityList
     
      document.getElementById('ifrmShopsDetails').setAttribute('src',''); 
      document.getElementById('iframetd').className = ''; 
      document.getElementById('divPrintBtn').style.display = 'none'; 

      if(isCountry == false)
      {
       var strImageName = 'Images/pro_' + ProvinceId + '.gif';
       document.getElementById('ctl00_ContentPlaceHolder1_imgMap_15').src = strImageName; 
       
      } 
        var strProviceDetails = document.getElementById('hdnProvinceDetails_' + ProvinceId).value;
        var arrProviceDetails = strProviceDetails.split(",");
        document.getElementById("divProvinceName").innerHTML = arrProviceDetails[0];
        
       var strCities = document.getElementById('hdnProvince_' + ProvinceId).value;
      
       
       document.getElementById("divCityList").style.display = 'block';
      
      
       if(strCities != '')
       {
           var arrCities = strCities.split(",");
           
           while(i < (arrCities.length - 2) )
             {
                if (i == 0)
                strCityList = DrowTheCityListRow(arrCities[i],arrCities[i+1],arrCities[i+2]);
                else
                strCityList = strCityList + DrowTheCityListRow(arrCities[i],arrCities[i+1],arrCities[i+2]);
                
               i=i+3
             }
           
           document.getElementById("divCityList").innerHTML = '<table border=0 class=MainText id=tblCityList name=tblCityList width=150 cellpadding=0 cellspacing=0><tr><td valign=top align=left>' + strCityList + '</td></tr></table>'; 
       
       }
       else
       {
         if(msg != '')
            document.getElementById("divCityList").innerHTML = '<table border=0 class=MainText id=tblCityList name=tblCityList width=150 cellpadding=0 cellspacing=0><tr><td valign=top align=left>' + msg + '</td></tr></table>'; 
  
       }
       LastClickedImage = ProvinceId;
       isClicked = true;
       
       if(isCountry == false)
      {
        document.getElementById("ctl00_ContentPlaceHolder1_selectedProvince").style.backgroundImage = "url(Images/pro_" + LastClickedImage + ".gif)";
      }
        
    }
    
    /*Draw the city table */
    function DrowTheCityListRow(sCityName,nCityId,strShops)
    {
        if (strShops == 'True')
        {      
            strRow = "<tr><td valign=top align=left><a class='default' onclick=GetTheShopsDetails(" + nCityId + ",'" + escape(sCityName) + "'); style=cursor:pointer>" + sCityName + "</a></td></tr>"
        }
        else if (strShops == 'False')
        {
            strRow = "<tr><td valign=top align=left>" + sCityName + "</td></tr>"
        }
        
        return strRow;
    }
    
    /*Display the shops details */
    function GetTheShopsDetails(CityId,CityName)
    {
      document.getElementById('divPrintBtn').style.display = 'block';
    
      document.getElementById('ifrmShopsDetails').setAttribute('src','ShopsDetails.aspx?CityId=' + CityId + '&CityName=' + escape(CityName));  
      document.getElementById('iframetd').className = 'TextBox';   
    }
    
       
    /* Get Mayerline Shop Details */
    
    function GetMayerlineShopsDetails(CityId,CityName)
    {
      document.getElementById('divPrintBtn').style.display = 'block';
      //document.getElementById('ifrmShopsDetails').style.display = 'block';
      //document.getElementById('ifrmShopsDetails').className = 'TextBox';
      document.getElementById('ifrmShopsDetails').setAttribute('src','MayerlineShopDetails.aspx?CityId=' + CityId + '&CityName=' + escape(CityName));  
      document.getElementById('iframetd').className = 'TextBox';   
    }

    
        
    /* Get Mayerline Inno Details */
    function GetMayerlineInnoDetails(CityId,CityName)
    {
      document.getElementById('divPrintBtn').style.display = 'block';
      document.getElementById('ifrmShopsDetails').setAttribute('src','MayerlineInnoDetails.aspx?CityId=' + CityId + '&CityName=' + escape(CityName));  
      document.getElementById('iframetd').className = 'TextBox';   
    }
    
    
    /*set the onclick and onmouse over functions*/
    function Activate(msg)
    {
    var NoOfProvince = m_NProviceCount;
    var strProviceDetails;
     var arrProviceDetails;
    
        for (var i=1; i<=NoOfProvince ; i++)
        {
            if(document.getElementById('Province_' + i) != null)
           {         
                strProviceDetails = document.getElementById('hdnProvinceDetails_' + i).value;
                arrProviceDetails = strProviceDetails.split(",");
                
                if (document.getElementById('hdnProvince_' + i).value != "")
                {
                   if(arrProviceDetails[1] == 'False')
                   {
                      document.getElementById('Province_' + i).onmouseover=function(){SetMouseOverImage(this.id,false);}
                     document.getElementById('Province_' + i).onmouseout=function(){SetMouseOutImage(this.id,false);}
                        
                        document.getElementById('Province_' + i).onclick=function(){DisplayCities(this.id,false,msg);}
                        document.getElementById('Province_' + i).setAttribute("href","#"); 
                    } 
                } 
                
                document.getElementById('Province_' + i).setAttribute("title",arrProviceDetails[0]);  
            }
        }
    }
    
    
    /*set the onclick and onmouse over functions*/
    function ActivateCountries()
    {
    var NoOfProvince = m_NProviceCount;
    var strProvinceName;
    
        for (var i=1; i<=NoOfProvince ; i++)
        {
           if(document.getElementById('Province_' + i) != null)
           {
           
          document.getElementById('Province_' + i).onmouseover=function(){SetMouseOverImage(this.id,true);}
          document.getElementById('Province_' + i).onmouseout=function(){SetMouseOutImage(this.id,true);}
          
          var strProviceDetails = document.getElementById('hdnProvinceDetails_' + i).value;
          var arrProviceDetails = strProviceDetails.split(",");
           
         document.getElementById('Province_' + i).onclick=function(){OpenPopUpWindow(this.id);}
         document.getElementById('Province_' + i).setAttribute("href","#");  
         document.getElementById('Province_' + i).setAttribute("title",arrProviceDetails[0]); 
            } 
        }
    }
    
    
    function OpenPopUpWindow(id)
    {
         var ProvinceId =id.substr(9);

        LastClickedImage = ProvinceId;
        
        window.location = 'ShopLocatorDetails.aspx?ID=' + id + '&title=' + document.getElementById(id).attributes.title.value;
    }
    
    

   /*Set the mouse over image*/
    function SetMouseOverImage(id,isCountry)
    {
        var ProvinceId =id.substr(9)
        
       var strImageName = 'Images/ProOver_' + ProvinceId + '.gif';
      
        if(isCountry == true)
        {        
           document.getElementById('imgMap').src = strImageName; 
        }
        else if(isCountry == false)
        {
            document.getElementById('ctl00_ContentPlaceHolder1_imgMap_15').src = strImageName; 
        }
        
    }
    
       
    
    /*Set the last clikced image when mouse out the image */
    function SetMouseOutImage(id,isCountry)
    {
        var ProvinceId =id.substr(9)
        var strImageName = 'Images/pro_' + LastClickedImage + '.gif';  
        
        if(isCountry == true)
        {
        
            document.getElementById('imgMap').src = strImageName;
        }
        else if(isCountry == false && isClicked == true)
        {
           document.getElementById('ctl00_ContentPlaceHolder1_imgMap_15').src = strImageName; 
        }
        else if(isCountry == false && isClicked == false)
        {
            document.getElementById('ctl00_ContentPlaceHolder1_imgMap_15').src = 'Images/country_15.gif'; 
        }
    }
    
    
    
    
    function waitSetMouseOutImage()
    {
	    if (bMouseIn == false)
	    {
	   
	    var strImageName = 'Images/pro_' + LastClickedImage + '.gif';
        document.getElementById('imgMap').src = strImageName; 
        }  
	    
    }