// requires sniff.js

/**
 * Performs all initialisation procedures for the map
 * application such as registering event listeners.
 * In IE it's necessary to perform the map tools highlight
 * with Javascript - other browsers use CSS
 */
 
 
 
 function initMap () {
    /*
     *  Register event handlers for the rollover effects in the map tools. (this
     * is only for IE as it doesn't provide a hover pseudo class for any elements
     * other than 'a' tags.
     * Painful brute force method used for now as any looping attempts have failed!
     */
    
    CLUBURL = clubswitch()   

	if (document.mapForm.mapClickMode.value =='9')
	{
        document.getElementById("zoom-in").style.backgroundImage = "url(images/clubs/"+ CLUBURL +"/buttons/zoom_plus.gif)";
    }        
    else if (document.mapForm.mapClickMode.value =='10')    
    {
        document.getElementById("zoom-out").style.backgroundImage = "url(images/clubs/"+ CLUBURL +"/buttons/zoom_minus.gif)";            
    }
    if (IE)
        {
        document.getElementById('zoom1').attachEvent('onmouseover', function(){slideImage('zoom1', '0 -16px')});
        document.getElementById('zoom1').attachEvent('onmouseout', function(){slideImage('zoom1', '0 0')});
        document.getElementById('zoom2').attachEvent('onmouseover', function(){slideImage('zoom2', '0 -16px')});
        document.getElementById('zoom2').attachEvent('onmouseout', function(){slideImage('zoom2', '0 0')});
        document.getElementById('zoom3').attachEvent('onmouseover', function(){slideImage('zoom3', '0 -16px')});
        document.getElementById('zoom3').attachEvent('onmouseout', function(){slideImage('zoom3', '0 0')});
        document.getElementById('zoom4').attachEvent('onmouseover', function(){slideImage('zoom4', '0 -16px')});
        document.getElementById('zoom4').attachEvent('onmouseout', function(){slideImage('zoom4', '0 0')});
        document.getElementById('zoom5').attachEvent('onmouseover', function(){slideImage('zoom5', '0 -16px')});
        document.getElementById('zoom5').attachEvent('onmouseout', function(){slideImage('zoom5', '0 0')});
        document.getElementById('zoom6').attachEvent('onmouseover', function(){slideImage('zoom6', '0 -16px')});
        document.getElementById('zoom6').attachEvent('onmouseout', function(){slideImage('zoom6', '0 0')});
        document.getElementById('zoom7').attachEvent('onmouseover', function(){slideImage('zoom7', '0 -16px')});
        document.getElementById('zoom7').attachEvent('onmouseout', function(){slideImage('zoom7', '0 0')});
        document.getElementById('zoom-in').attachEvent('onmouseover', function(){slideImage('zoom-in', '0 -41px')});
        document.getElementById('zoom-in').attachEvent('onmouseout', function(){slideImage('zoom-in', '0 0')});
        document.getElementById('zoom-out').attachEvent('onmouseover', function(){slideImage('zoom-out', '0 -41px')});
        document.getElementById('zoom-out').attachEvent('onmouseout', function(){slideImage('zoom-out', '0 0')});
        }else { 
        document.getElementById('zoom1').addEventListener('mouseover', function(){slideImage('zoom1', '0 -16px')}, false);
        document.getElementById('zoom1').addEventListener('mouseout', function(){slideImage('zoom1', '0 0')}, false);
        document.getElementById('zoom2').addEventListener('mouseover', function(){slideImage('zoom2', '0 -16px')}, false);
        document.getElementById('zoom2').addEventListener('mouseout', function(){slideImage('zoom2', '0 0')}, false);
        document.getElementById('zoom3').addEventListener('mouseover', function(){slideImage('zoom3', '0 -16px')}, false);
        document.getElementById('zoom3').addEventListener('mouseout', function(){slideImage('zoom3', '0 0')}, false);
        document.getElementById('zoom4').addEventListener('mouseover', function(){slideImage('zoom4', '0 -16px')}, false);
        document.getElementById('zoom4').addEventListener('mouseout', function(){slideImage('zoom4', '0 0')}, false);
        document.getElementById('zoom5').addEventListener('mouseover', function(){slideImage('zoom5', '0 -16px')}, false);
        document.getElementById('zoom5').addEventListener('mouseout', function(){slideImage('zoom5', '0 0')}, false);
        document.getElementById('zoom6').addEventListener('mouseover', function(){slideImage('zoom6', '0 -16px')}, false);
        document.getElementById('zoom6').addEventListener('mouseout', function(){slideImage('zoom6', '0 0')}, false);
        document.getElementById('zoom7').addEventListener('mouseover', function(){slideImage('zoom7', '0 -16px')}, false);
        document.getElementById('zoom7').addEventListener('mouseout', function(){slideImage('zoom7', '0 0')}, false);
        document.getElementById('zoom-in').addEventListener('mouseover', function(){slideImage('zoom-in', '0 -41px')}, false);
        document.getElementById('zoom-in').addEventListener('mouseout', function(){slideImage('zoom-in', '0 0')}, false);
        document.getElementById('zoom-out').addEventListener('mouseover', function(){slideImage('zoom-out', '0 -41px')}, false);
        document.getElementById('zoom-out').addEventListener('mouseout', function(){slideImage('zoom-out', '0 0')}, false);

    }
    }



/**
 * Slides a background image within an element by changing the coordinates
 */
function slideImage (elm, position) {
    // move the background image to the new position
    document.getElementById(elm).style.backgroundPosition = position;
}


/**
 * Swaps the feature text on the product page
 */
function toggleZoomText (sSwitch)
{
    var help_text  

			switch(sSwitch.id)
  			{
    		case 'zoom1':
    		    //if (isMac) sSwitch.value = "I";
				help_text='State'
				break;
    		case 'zoom2':
				help_text='Region'
				break;
    		case 'zoom3':
				help_text='Town'
				break;
    		case 'zoom4':
				help_text='Community'
				break;
    		case 'zoom5':
				help_text='Neighbourhood'
				break;
    		case 'zoom6':
				help_text='Street'
				break;
    		case 'zoom7':
				help_text='House'
				break;
			}
           
    text = document.getElementById('zoomText');
    //if (state == "on") {
    text.innerHTML = help_text;
        //clearTimeout(timeout_id);
    //} else {
        //timeout_id = window.setTimeout("text.innerHTML = 'Select an option and click on the map'", 300);
    //}
}

function restorePageZoomText()
{
    text = document.getElementById('zoomText');
    text.innerHTML = document.mapForm.zoomLevelDescriptor.value;
}

//Shenouda cut an paste from map.js

function ChangeOverImage(iValue)
{
   CLUBURL = clubswitch()         
           
   if(document.getElementById)
   {
		if (iValue == 1)
			document.getElementById("nw").src="images/clubs/"+ CLUBURL +"/borders/border_nw_on.gif";
		if (iValue == 2)
			document.getElementById("ne").src="images/clubs/"+ CLUBURL +"/borders/border_ne_on.gif";
		if (iValue == 3)
			document.getElementById("e").src="images/clubs/"+ CLUBURL +"/borders/border_e_on.gif";
		if (iValue == 4 )
			document.getElementById("se").src="images/clubs/"+ CLUBURL +"/borders/border_se_on.gif";
		if (iValue == 5)
			document.getElementById("s").src="images/clubs/"+ CLUBURL +"/borders/border_s_on.gif";
		if (iValue == 6)
			document.getElementById("sw").src="images/clubs/"+ CLUBURL +"/borders/border_sw_on.gif";
		if (iValue == 7)
			document.getElementById("w").src="images/clubs/"+ CLUBURL +"/borders/border_w_on.gif";
		if (iValue == 8)
			document.getElementById("n").src="images/clubs/"+ CLUBURL +"/borders/border_n_on.gif";
		if (iValue == 12)
			document.getElementById("back_one").src="images/clubs/"+ CLUBURL +"/buttons/originalIN.gif";
		if (iValue == 11)
			document.getElementById("startover").src="images/clubs/"+ CLUBURL +"/buttons/zoom_backIN.gif";				
  }
}
function RestoreNormalImage(iValue)
{
   CLUBURL = clubswitch()

   if(document.getElementById)
   {  

  	 if (iValue == 1)
			document.getElementById("nw").src="images/clubs/"+ CLUBURL +"/borders/border_nw.gif";
	 if (iValue == 2)
			document.getElementById("ne").src="images/clubs/"+ CLUBURL +"/borders/border_ne.gif";
     if (iValue == 3)
			document.getElementById("e").src="images/clubs/"+ CLUBURL +"/borders/border_e.gif";
	 if (iValue == 4 )
			document.getElementById("se").src="images/clubs/"+ CLUBURL +"/borders/border_se.gif";
	 if (iValue == 5)
			document.getElementById("s").src="images/clubs/"+ CLUBURL +"/borders/border_s.gif";
	 if (iValue == 6)
			document.getElementById("sw").src="images/clubs/"+ CLUBURL +"/borders/border_sw.gif";
	 if (iValue == 7)
			document.getElementById("w").src="images/clubs/"+ CLUBURL +"/borders/border_w.gif";
	 if (iValue == 8)
			document.getElementById("n").src="images/clubs/"+ CLUBURL +"/borders/border_n.gif";
	 if (iValue == 9)
			document.getElementById("zoom-in").src="images/clubs/"+ CLUBURL +"/buttons/zoom_plusOut.gif";
	 if (iValue == 10)
			document.getElementById("zoom-out").src="images/clubs/"+ CLUBURL +"/buttons/zoom_minusOut.gif";
	 if (iValue == 12)
			document.getElementById("back_one").src="images/clubs/"+ CLUBURL +"/buttons/originalOut.gif";
	 if (iValue == 11)
			document.getElementById("startover").src="images/clubs/"+ CLUBURL +"/buttons/zoom_backOut.gif";
  }
}


function mapnav()
{   
    CLUBURL = clubswitch()
    document.getElementById("ne").src="images/clubs/"+ CLUBURL +"/borders/border_ne.gif";
    return document.getElementById("ne").src
    alert(document.getElementById("ne").src)
}