var icon;
    var iconsm;
    var homeicon;
    var map;        
    var WhoChanged = 0;
    var WhatChanged = 0;
    var WhereChanged = 0;
    var AdCounter = 0;
                    	
   function GUnload() {
        var bannertimer = setInterval("changeBanner()", bPause);
        clearInterval(bannertimer);
    }
    
    //This function adds the Google bits to the page    

    function load() {
        init();
        
        if (noResults == 'true') {
         setTimeout("showcontent('noresultsfound', 0)",200);
        }
      init();
      if (GBrowserIsCompatible()) {
        var start = new GLatLng(mcLat, mcLong);
        map = new GMap2(document.getElementById("map"));
        map.setUIToDefault();
        map.setCenter(start, mZoom);
		    map.enableScrollWheelZoom();

		// Create our "tiny" marker icon
		
		icon = new GIcon();
		icon.image = "/Includes/ASPX/GetDirectoryImage.aspx?ImageType=LargeTarget&MaxWidth=50&MaxHeight=50";
		icon.shadow = "/Includes/ASPX/GetDirectoryImage.aspx?ImageType=LargeTarget&MaxWidth=50&MaxHeight=50";
		icon.iconSize = new GSize(41, 42);
		icon.shadowSize = new GSize(41, 42);
		icon.iconAnchor = new GPoint(20, 21);
		icon.infoWindowAnchor = new GPoint(20, 21);
		
		iconsm = new GIcon();
		iconsm.image = "/Includes/ASPX/GetDirectoryImage.aspx?ImageType=SmallTarget&MaxWidth=50&MaxHeight=50";
		iconsm.shadow = "/Includes/ASPX/GetDirectoryImage.aspx?ImageType=SmallTarget&MaxWidth=50&MaxHeight=50";
		iconsm.iconSize = new GSize(26, 26);
		iconsm.shadowSize = new GSize(26, 26);
		iconsm.iconAnchor = new GPoint(13, 13);
		
		homeicon = new GIcon();
		homeicon.image = "flag.png";
		homeicon.shadow = "flag.png";
		homeicon.iconSize = new GSize(30,30);
		homeicon.shadowSize = new GSize (30,30);
		homeicon.iconAnchor = new GPoint(3,27);
		homeicon.infoWindowAnchor = new GPoint(15,15);
		
		// Add markers 
		setListingMarkers();
		
		geocoder = new GClientGeocoder();
		
		        carMarker = getCarMarker(start);
        map.addOverlay(carMarker);
        carMarker.hide();

        svClient = new GStreetviewClient();
        pano = new GStreetviewPanorama(document.getElementById("streetview"));

        GEvent.addListener(pano, "initialized", function(loc) {
          panoMetaData = loc;
          moveCar();
        });

        GEvent.addListener(pano, "error", function(errorCode) {
          showStatus("The requested panorama could not be displayed");
        });

        directions = new GDirections(map);
        GEvent.addListener(directions, "load", function() {
          jumpInMyCar();
        });

        GEvent.addListener(directions, "error", function() {
          showStatus("Could not generate a route for the current start and end addresses");
        });
                
	  }
	}        
      var TagsShown = 1;
      var ListingsShown = 1;
	  
      var lastlistingid;
      var geocoder;
      var address;
      
      lastlistingid = 0
     
      // Browser sniffer
      var ua,an,ie,mac,win,ns,ns6,ge,unx;
      ua  = navigator.userAgent;
      an  = navigator.appName;
      ie  = ua.indexOf('MSIE')>=0;
      mac = ua.indexOf('Mac')>=0;
      win = ua.indexOf('Windows')>=0;
      unx = ua.indexOf('Unix')>=0;
      ns  = an.indexOf('Netscape')>=0;
      ns6 = ua.indexOf('Netscape6')>=0;
      ge  = ua.indexOf('Gecko')>=0;

      function testInclude() {
       alert('yo');
      }

      // Javascript for displaying the banner ads for the business directory. AH
      function bannerAd(AdID, type, href, alt, imgID, half) {
	      this.AdID  = AdID;
	      this.type  = type;
	      this.href  = href;
	      this.alt   = alt;
	      this.imgID = imgID;
	      this.half  = half;
	      //this.strTag = strTag;
      }
      
      function swfClicked(theId) {
       var bannerId;
       for(bannerId = 0; bannerId < maxAdCount; bannerId++) {
        if (adList[bannerId].imgID == theId.substring(1)) {
         var load = window.open(adList[bannerId].href)
         break;
        }
       }
      }
      
      function fcnRouteCallback(theCoords) {
//       alert(theCoords);
       document.getElementById('from').value = theCoords;
       generateRoute();
      }
      
      function directionsMode(listingName, coOrds){
        document.getElementById('directions').style.display = 'block';
        document.getElementById('svPanel').style.display = 'block';
        document.getElementById('progressBorder').style.display = 'block';
        document.getElementById('ddinterface').style.display = 'block';
        document.getElementById('normalinterface').style.display = 'none';
        document.getElementById('ITo').innerHTML = listingName;
        document.getElementById('to').value = coOrds;
//        fcnResize();
      }
      

    function email(url)
      {window.open(url,"EMailWindow","width=530,height=450,top=0,left=0")}
	  // This function uses commands that are only compatible with MSIE 4+, NN6+. (innerHTML)
      // We need to test this page with different browsers and modify accordingly.
      
      function outputBanner(adCounter) {
          var newBannerHTML = "";
          var width;
          
          if (adList[adCounter].half) {
           width=232;
          } else {
           width=468;
          }
          
          switch(adList[adCounter].type) {
	        // Image BannerAds...
	        case "jpg" :
	        case "gif":
	        case "png":
	          if(adList[adCounter].href != "#") newBannerHTML += "<a status=\""+ adList[adCounter].alt +"\" href=" + adList[adCounter].href + ">"// target=_blank>"
	          newBannerHTML += "<img src=/includes/ImageStream/BannerAd.aspx?ID="+ adList[adCounter].imgID +" width=" + width + " style=margin-bottom:4px; height=60 border=0 alt=\""+ adList[adCounter].alt +"\">"
	          if(adList[adCounter].href != "#") newBannerHTML += "</a>"
	          break;
	        case "swf" :
                    newBannerHTML = "<object type=\"application/x-shockwave-flash\" data=\"/includes/ImageStream/BannerAd.aspx?ID=" + adList[adCounter].imgID + "\" id=\"flashBannerAd\" width=" + width + " style=\"margin-bottom:4px;\" height=60>"
                    newBannerHTML += "<param name=\"movie\" value=\"/includes/ImageStream/BannerAd.aspx?ID=" + adList[adCounter].imgID + "\">"
                    newBannerHTML += "</object>"
	            break;
	        default : newBannerHTML = "<b>Error:</b> BannerAD type ( <b>"+ adList[adCounter].type +"</b> ) is not recognised"
	      }
	      return newBannerHTML;
      }

      function changeBanner() {
	      var newBannerHTML = "";
	      var width;
	      var secondId;
	      var gotOne = -1;
	      var adCounter = 0;

	      if(adCounter == maxAdCount) adCounter = 0;
	      secondId = adCounter + 1;

	      if (maxAdCount > 0) {
	          if (adList[adCounter].half) {
	              newBannerHTML = outputBanner(adCounter);
	              //loop through remainder of ads to find a second one
	              for (secondId = adCounter + 1; secondId < maxAdCount; secondId++) {
	                  if (adList[secondId].half) {
	                      if (gotOne < 0) {
	                          //preferably not same ad
	                          if (!(adList[secondId].imgID == adList[adCounter].imgID)) {
	                              gotOne = secondId;
	                          }
	                      }
	                  }
	              }
	              if (gotOne < 0) {
	                  for (secondId = 0; secondId < maxAdCount; secondId++) {
	                      if (adList[secondId].half) {
	                          if (gotOne < 0) {
	                              //preferably not same ad
	                              if (!(adList[secondId].imgID == adList[adCounter].imgID)) {
	                                  gotOne = secondId;
	                              }
	                          }
	                      }
	                  }
	              }
	              if (gotOne < 0) {
	                  for (secondId = 0; secondId < maxAdCount; secondId++) {
	                      if (adList[secondId].half) {
	                          if (gotOne < 0) {
	                              gotOne = secondId;
	                          }
	                      }
	                  }
	              }
	              newBannerHTML = newBannerHTML + "<img src=\"spacer.gif\" width=4 height=2>" + outputBanner(gotOne);
	          } else {
	              newBannerHTML = outputBanner(adCounter);
	          }

	          // Change the banner code..
	          document.getElementById("placeHolder").innerHTML = newBannerHTML;
	          // Increase the counter
	          adCounter++;
	      }
      }

      function init() {
        var bannertimer = setInterval("changeBanner()", bPause);
        if (maxAdCount > 0) {
	        changeBanner();
	        //setInterval("changeBanner()", <%'= Pause %>);
	      }
      }
       
 
    function fcnTest() {
     var centerlatlng = map.getCenter(); 
//     alert('lat: ' + centerlatlng.lat() + ', lng:' + centerlatlng.lng());
    }
      
    function beforeSubmit() 
    {
      var GeocoderResult;
      var TheResult;
      if (WhoChanged == 0) { document.getElementById('who').value = '' }
      if (WhereChanged == 0) { document.getElementById('where').value = '' }
      if (WhatChanged == 0) { document.getElementById('what').value = '' }
      if (document.getElementById('where').value == '') {
        geocoder.getLocations(map.getCenter(), runTheResult); 
        TheResult = false;
      } else {
        TheResult = true;
      }
      return TheResult;
      document.search.submit();
    }
    
    function hideMessageDiv()
    {
        document.getElementById('MessageDiv').style.display='none';
        document.getElementById("OverseaDivMessage").style.display='none';
    }
    
    function runTheResult(theresult) 
    {    
        if(undefined!=theresult.Placemark)
        {
            //The map is centre'd overland - OK to go
            place = theresult.Placemark[0];
            document.getElementById('where').value = place.address;
            document.getElementById('lat').value = place.Point.coordinates[1];
            document.getElementById('lng').value = place.Point.coordinates[0];
            document.search.submit();
        }
        else
        {
            //The map is centre'd oversea - (theresult.Placemark[0]) is undefined and gives an error.
            //Either give a message
            //document.getElementById("OverseaDivMessage").style.display='block';
            //Or move the map
            document.getElementById('where').value = "Preston";
            document.getElementById('lat').value = '53.7564846';
            document.getElementById('lng').value = '-2.7088698';
            document.search.submit();
        }
    }
    
    function getAddress(overlay, latlng) {
      if (latlng != null) {
        address = latlng;
        geocoder.getLocations(latlng, showAddress);
      }
    }
        	
	function opacitytwo(id, opacStart, opacEnd, millisec) {
	    //speed for each frame
    	var speed = Math.round(millisec / 100);
    	var timer = 0;
     
	    //determine the direction for the blending, if start and end are the same nothing happens
	    if(opacStart > opacEnd) {
	       document.getElementById('map').style.display = 'block';
           document.getElementById('overlaybg').style.display = 'none';
           document.getElementById('overlay').style.display = 'none';
           document.getElementById('overlaybottomline').style.display = 'none';
           document.getElementById('overlaybottomlinefilled').style.display = 'none';
//		    for(i = opacStart; i >= opacEnd; i--) {
//			    setTimeout("changeOpac(" + i + ",'overlaybg')",(timer * speed));
//			    setTimeout("changeOpac(" + (i + 10) + ",'overlay')",(timer * speed));
//			    if (i==0) {
//			     setTimeout("document.getElementById('overlaybg').style.display = 'none';",(timer * speed));
//			     setTimeout("document.getElementById('overlay').style.display = 'none';",(timer * speed));
//			    }
//			    timer++;
//    		}
	    } else if(opacStart < opacEnd) {
	       document.getElementById('map').style.display = 'none';
           document.getElementById('overlaybg').style.display = 'block';
           document.getElementById('overlay').style.display = 'block';
           document.getElementById('overlaybottomline').style.display = 'block';
           document.getElementById('overlaybottomlinefilled').style.display = 'block';
//		    for(i = opacStart; i <= opacEnd; i++)
//			    {
//			    setTimeout("changeOpac(" + i + ",'overlaybg')",(timer * speed));
//			    setTimeout("changeOpac(" + (i + 10) + ",'overlay')",(timer * speed));
//			    timer++;
//    		}
	    }
    }

	function opacity(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function shiftOpacity(id, millisec) {
	//if an element is invisible, make it visible, else make it ivisible
	if(document.getElementById(id).style.opacity == 0) {
		opacity(id, 0, 100, millisec);
	} else {
		opacity(id, 100, 0, millisec);
	}
}

function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	
	//make image transparent
	changeOpac(0, imageid);
	
	//make new image
	document.getElementById(imageid).src = imagefile;

	//fade in image
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}

function currentOpac(id, opacEnd, millisec) {
	//standard opacity is 100
	var currentOpac = 100;
	
	//if the element has an opacity set, get it
	if(document.getElementById(id).style.opacity < 100) {
		currentOpac = document.getElementById(id).style.opacity * 100;
	}

	//call for the function that changes the opacity
	opacity(id, currentOpac, opacEnd, millisec)
}

    function showcontent(thepage, ListingID) {
        document.getElementById('overlayframe').src = 'InfoFrame.aspx?page=' + thepage + '&ListingID=' + ListingID;
        if (document.getElementById('overlaybg').style.display != 'block') {
            document.getElementById('overlaybg').style.display = 'block';
            document.getElementById('overlay').style.display = 'block';
            document.getElementById('overlaybottomline').style.display = 'block';
            document.getElementById('overlaybottomlinefilled').style.display = 'block';
            opacitytwo('overlaybg', 0, 100, 500);
            document.getElementById('shlistings').style.display = 'none';
            document.getElementById('ListingsDIV').style.display = 'none';
        }
    }
	
	function showMessageContent(divname, msgType) {
	 if (document.getElementById('overlaybg').style.display != 'block') {
	    document.getElementById('overlaybg').style.display = 'block';
	    document.getElementById('overlay').style.display = 'block';
        document.getElementById('overlaybottomline').style.display = 'block';
        document.getElementById('overlaybottomlinefilled').style.display = 'block';
	    opacitytwo('overlaybg', 0, 100, 500);
	    document.getElementById('shlistings').style.display = 'none';
	    document.getElementById('ListingsDIV').style.display = 'none';
	 }
	}
	
	function hidecontent(thepage) {
	 if (document.getElementById('overlaybg').style.display = 'block') {
	    opacitytwo('overlaybg', 100, 0, 500);
	    document.getElementById('shlistings').style.display = 'block';
	    document.getElementById('ListingsDIV').style.display = 'block';
        document.getElementById('overlaybottomline').style.display = 'none';
        document.getElementById('overlaybottomlinefilled').style.display = 'none';
	 }
	}

	function showbubble(ListingID, dblLat, dblLong, bitPremium, bitImages, Tag) {
	   if (!(sWhere == '')) {
	    if (lastlistingid != 0) {
	     document.getElementById('listing' + lastlistingid).style.backgroundColor = ''
	     document.getElementById('listing' + lastlistingid).style.backgroundImage = ''
	     document.getElementById('listing' + lastlistingid).style.backgroundRepeat = 'no-repeat'
	    }
	  
	    document.getElementById('listing' + ListingID).style.backgroundImage = ''
	    lastlistingid = ListingID
	  }
    
	  if (bitPremium != 0) {
	    document.getElementById('bubblediv').style.width = "400px";
      if (bitImages > 0) {
        document.getElementById('bubbleif').height = 250;
        document.getElementById('bubbleif').style.width = 400;
        document.getElementById('bubbleif').style.height= 250;
      } else {
	      document.getElementById('bubbleif').width = 400;
        document.getElementById('bubbleif').height = 200;
	    }
    } else {
	    document.getElementById('bubblediv').style.width = "250px";
	    document.getElementById('bubbleif').width = 250;
      document.getElementById('bubbleif').height = 120;
    }
    
	  document.getElementById('bubbleif').src = 'bubble.aspx?ListingID=' + ListingID + '&Tag=' + Tag
    element = document.getElementById('bubblediv')
	  element = element.cloneNode(true)
	  element.style.display = 'block'
	  map.openInfoWindow(new GLatLng(dblLat, dblLong), element)	
	}
	
	function clickTag(strTag) {
	  document.getElementById('what').value = strTag;
	  if (document.getElementById('who').value.substring(0,3) == 'e.g'){document.getElementById('who').value = ''};
	  if (document.getElementById('where').value.substring(0,3) == 'e.g'){document.getElementById('where').value = ''};
	  if (!(document.getElementById('where').value == '')) {
	    document.getElementById("search").submit();
	  } else {
	    //alert(runTheResult);
        geocoder.getLocations(map.getCenter(), runTheResult);  
	  }
	}
	
	function changeColor(color, ID) 
	{
		document.getElementById(ID).style.backgroundColor = color;
	}
	
	function bannerTag(whatTag)
	{ 
	    whatTag = whatTag.replace('#space#', ' ');
	    document.getElementById('what').value = whatTag;	    
	    document.getElementById('who').value = '';
	    document.getElementById('where').value = '';
	    geocoder.getLocations(map.getCenter(), runTheResult);
	}

	function fcnSelectAccreditationImages() {
	  var i = 0; var random;

	  while (i < ImageIDs.length) {
	    random = fcnGetRand(ImageIDs.length);
	    if (ImageIDs[random] != "selectedalready") {
	      document.getElementById("AccredImage" + i).src = "/Includes/ASPX/GetImage.aspx?Imagetype=Accreditation&ImageID=" + ImageIDs[random] + "&MaxHeight=100&MaxWidth=300";
	      ImageIDs[random] = "selectedalready";
	      i++;
	    }
	  }

	  //reset array back to its original state
	  i = 0;
	  while (i < ImageIDs.length) {
	    ImageIDs[i] = OrigImageIDs[i];
	    i++;
	  }
	}

	function fcnGetRand(intMax) {
	  return Math.floor(Math.random() * intMax);
	}

	function bannerAdList(){}
    
    var adList = new bannerAdList();