function opacity(id, opacStart, opacEnd, millisec)
{
 var speed = Math.round(millisec / 100);
 var timer = 0;
 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++;
  }
 }
}

function shiftOpacity(id, millisec)
{
 if(document.getElementById(id).style.opacity == 0)
 {
  opacity(id, 0, 100, millisec);
 }
 else
 {
  opacity(id, 100, 0, millisec);
 }
}

function currentOpac(id, opacEnd, millisec)
{
 var currentOpac = 100;
 if(document.getElementById(id).style.opacity < 100)
 {
  currentOpac = document.getElementById(id).style.opacity * 100;
 }
 opacity(id, currentOpac, opacEnd, millisec)
}

function changeImage(direction, change)
{
 if(Browser == "Gecko")
 {
  if(direction == "down")
  { 
   document.getElementById("blenddiv").style.backgroundImage = "url(" + image + less + filetype + ")";
   document.getElementById("blendimage").src = image + less + filetype;
  }
  else
  { 
   document.getElementById("blenddiv").style.backgroundImage = "url(" + image + more + filetype + ")";
   document.getElementById("blendimage").src = image + more + filetype;
  }
  less=change-1;
  more=change+1;
  if(less < 1) less=1;
  if(more > last) more=last;
 }
 else
 {
  if(direction == "down")
  {
   blendimage('blenddiv','blendimage', prev, less, 600);
  }
  else
  {
   blendimage('blenddiv','blendimage', next, more, 600);
  }
 }
}

function fadeImage(background, foreground, current, next)
{
 if(Browser == "Safari")
 {
  document.getElementById(foreground).src = current;
  document.getElementById(background).style.backgroundImage = "url(" + document.getElementById(foreground).src + ")";
 }
 else { blendimage(background, foreground, current, next, 200); }
}

function blendimage(divid, imageid, imagefile, change, millisec)
{
 var speed = Math.round(millisec / 100);
 var timer = 0;
 document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
 changeOpac(0, imageid);
 document.getElementById(imageid).src = imagefile;
 for(i = 0; i <= 100; i++)
 {
  setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
  timer++;
 }
 less=change-1;
 more=change+1;
 if(less < 1) less=1;
 if(more > last) more=last;
 prev=image + less + filetype;
 next=image + more + filetype;
}

function changeOpac(opacity, id)
{
 var object = document.getElementById(id).style;
 object.opacity = (opacity / 101);
 object.MozOpacity = (opacity / 101);
 object.KhtmlOpacity = (opacity / 101);
 object.filter = "alpha(opacity=" + opacity + ")";
}

function initMaps()
{
 if (document.getElementById)
 {
  var mapIds = initMaps.arguments;
  var i, j, area, areas;
  for (i = 0; i < mapIds.length; i++)
  {
   areas = document.getElementById(mapIds[i]).getElementsByTagName("area");
   for (j = 0; j < areas.length; j++)
   {
    area = areas[j];
    area.onmousedown = imgSwap;
    area.onmouseout = imgSwap;
    area.onmouseover = imgSwap;
    area.onmouseup = imgSwap;
   }
  }
 }
}

function imgSwap(evt)
{
 evt = (evt) ? evt : event;
 var elem = (evt.target) ? evt.target : evt.srcElement;
 var imgClass = elem.parentNode.name;
 var coords = elem.coords.split(",");
 var clipVal = "rect(" + coords[1] + "px " + coords[2] + "px " + coords[3] + "px " + coords[0] + "px)";
 var imgStyle;
 switch (evt.type)
 {
  case "mousedown" :
    imgStyle = document.getElementById(imgClass + "Down").style;
    imgStyle.clip = clipVal;
    imgStyle.visibility = "visible";
    break;
  case "mouseout" :
    document.getElementById(imgClass + "Over").style.visibility = "hidden";
    document.getElementById(imgClass + "Down").style.visibility = "hidden";
    break;
  case "mouseover" :
    imgStyle = document.getElementById(imgClass + "Over").style;
    imgStyle.clip = clipVal;
    imgStyle.visibility = "visible";
    break;
  case "mouseup" :
    document.getElementById(imgClass + "Down").style.visibility = "hidden";
    if (elem.click)
    {
     elem.click();
    }
    break;
 }
 evt.cancelBubble = true;
 return false;
}

function BrowserDetect()
{
 var ua = navigator.userAgent.toLowerCase();
 if(ua.indexOf('gecko') != -1 && ua.indexOf('safari') == -1) Browser="Gecko";
 if(ua.indexOf('applewebkit') != -1) Browser="AppleWebKit";
 if(ua.indexOf('konqueror') != -1) Browser="Konqueror"; 
 if(ua.indexOf('safari') != - 1) Browser="Safari";
 if(ua.indexOf('omniweb') != - 1) Browser="Omniweb";
 if(ua.indexOf('opera') != -1) Browser="Opera";
 if(ua.indexOf('icab') != -1) Browser="Icab"; 
 if(ua.indexOf('aol') != -1) Browser="Aol"; 
 if(ua.indexOf('msie') != -1) Browser="IE";
 if(Browser == 'Gecko' && ua.indexOf('gecko/') + 14 == ua.length) Browser="Mozilla";
 if(ua.indexOf('firebird/') != -1) Browser="Firebird";
}

function centerLayout()
{
 if (navigator.appName == 'Netscape')
 {
  var bodyWidth = self.innerWidth;
  var bodyHeight = self.innerHeight;
  var offsetLeft = ((bodyWidth - layoutWidth)/2);
  var offsetTop = ((bodyHeight - layoutHeight)/2);
  if (offsetLeft > 0) document.getElementById("maindiv").style.left = offsetLeft;
  if (offsetTop > 0) document.getElementById("maindiv").style.top = offsetTop;
 }
 else
 {
  var bodyWidth = document.body.offsetWidth;
  var bodyHeight = document.body.offsetHeight;
  var offsetLeft = ((bodyWidth - layoutWidth)/2);
  var offsetTop = ((bodyHeight - layoutHeight)/2);
  if (offsetLeft > 0) document.all.tags('DIV')['maindiv'].style.left=offsetLeft;
  if (offsetTop > 0) document.all.tags('DIV')['maindiv'].style.top=offsetTop;
 }
}

function process_map()
{
 var renewable = [ "", "solarthermal", "photovoltaic", "windturbine", "heatpump" ];
 mapdata="";
 for(i in this.pointer)
 {
  x=this.pointer[i];
  if(x != 0)
  {
   comma=x.search(/,/);
   colon=x.search(/:/);
   var lat=parseFloat(x.substr(1,comma-1));
   var lng=parseFloat(x.substr(comma+2,colon-2));
   var typex=parseFloat(x.substr(colon+1,x.length-1));
   mapdata=mapdata + '<a href="http://maps.google.co.uk/maps?q=' + lat + ', ' + lng + '&type=' + renewable[typex] + '">maps.google.co.uk/maps?q=' + lat + ', ' + lng + '&type=' + renewable[typex] + '</a><br /><br />';
   document.getElementById("mapdata").value=mapdata;
  }
 }
}

function pan_to_address(address)
{
 geocoder.getLatLng(address, function(point)
 {
  if(point) { map.setCenter(point, 13); }
 });
}

function loadmap()
{
 map.addControl(new GLargeMapControl());
 map.addControl(new GMapTypeControl());
 map.addControl(new GScaleControl());
 var start = new GLatLng(51.35114684402745, -1.9978514313697815);
 map.setCenter(start, 15);
 map.setMapType(G_HYBRID_MAP);
}

function follow(imageInd)
{
 this.pointer_counter=this.pointer_counter+1;
 var counter=this.pointer_counter;
 var marker;
 var listener = true;
 var noMore = false;
 var mouseMove = GEvent.addListener(map, 'mousemove', function(cursorPoint)
 {
  if(!noMore)
  {
   marker = new GMarker(cursorPoint);
   map.addOverlay(marker);
   marker.setImage(images[imageInd]);
   pointer[counter]=cursorPoint + ":" + imageInd;
   noMore = true;
   // This function deletes the marker when double clicked
   GEvent.addListener(marker, 'dblclick', function()
   {
    map.removeOverlay(marker);
    pointer[counter]=0;
   });
  }
  if(listener)
  {
   marker.setLatLng(cursorPoint);
   pointer[counter]=cursorPoint + ":" + imageInd;
  }
 });
 var mapClick = GEvent.addListener(map, 'click', function()
 {
  listener = false;

  // 'mousemove' event listener is deleted to save resources
  GEvent.removeListener(mouseMove);
  GEvent.removeListener(mapClick);
 });
}