function changePic(picName) {

    var elMainPic = document.getElementById("mainPic");
    elMainPic.innerHTML = "<img class='large_thumb' name='mainPic' src='" + document.images[picName].src + "' alt='Car' />";
}

function loadMakes()
{
    var i = 0;
    var optMakes = document.getElementById('lstMakes').options;
    for(i = 0; i < _makes.length; i++)
    {
        optMakes[i] = new Option(prettify(_makes[i]), _makes[i]);
    }
}
function loadModel(make)
{
    var i = 0, index = 0;
    var optModels = document.getElementById('lstModels').options;
    for(i = 0; i < _makes.length; i++)
    {
        if(_makes[i] == make)
        {   
            index = i;
        }
    }
    index++;
    for(i = 0; i < _model[index].length; i++)
    {
        optModels[i] = new Option(prettify(_model[index][i]), _model[index][i]);
    }
}
function prettify(name)
{
    if(name.length < 4) {return name;}
    fl = name.substr(0,1).toUpperCase();
    ur = name.substr(1).toLowerCase();
    
    return fl+ur;
}

function toggleEl(id)
{
    var el = document.getElementById(id);
    el.style.display = (el.style.display == 'none') ? '' : 'none';
    /*if(el.style.display == 'none')
    {
        el.style.display = '';
    }
    else
    {
        el.style.display = 'none';
    }*/
}
function displayEl(id)
{
    document.getElementById(id).style.display = '';
}
/*function setVisibility(el, visible)
{
   if(typeof(el) == "string")
     el = document.getElementById(el);
     
     if(visible == true)
     {
       el.style.visibility = "visible";
     }
     else
     {
       el.style.visibility = "hidden";
     }
  
}*/

var isLoaded = false;

function load(lat,lng) {

      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("mainPic"));
        map.addControl(new GLargeMapControl());
        map.setCenter(new GLatLng(lat, lng), 12);
        map.enableContinuousZoom();
        map.enableDoubleClickZoom();
        // Create our "tiny" marker icon
        var icon = new GIcon();
        icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
        icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
        icon.iconSize = new GSize(12, 20);
        icon.shadowSize = new GSize(22, 20);
        icon.iconAnchor = new GPoint(6, 20);
        icon.infoWindowAnchor = new GPoint(5, 1);

        var point = new GLatLng(lat, lng);
        map.addOverlay(new GMarker(point, icon));
     }
}

var markers = [];
var map;
var initLat = 53;
var initLng = -2.7;
var initZoom = 6;
function loadLarge(arrLatLng) {
  if(isLoaded){return;}
    isLoaded = true;
  
  if (GBrowserIsCompatible()) {
    map = new GMap2(document.getElementById("Gmap"));
    map.addControl(new GLargeMapControl());
    map.addControl(new GScaleControl());
    //map.addControl(new GOverviewMapControl());
    //map.addControl(new GMapTypeControl());
    map.setCenter(new GLatLng(initLat,initLng), initZoom);
    map.enableContinuousZoom();
    map.enableDoubleClickZoom();

    var baseIcon = new GIcon();
    baseIcon.iconSize = new GSize(20, 34);
    baseIcon.iconAnchor = new GPoint(9,34);
    //baseIcon.infoWindowAnchor = new GPoint(9,2);
    var i = 0, index = 0;
    if (arrLatLng.length > 1) {
        for (i = 0; i < arrLatLng.length; i = i + 2) {
            var letter = String.fromCharCode("A".charCodeAt(0) + index);
            var icon = new GIcon(baseIcon);
            icon.image = "/_images/mapfiles/marker" + letter + ".gif";
            var point = new GLatLng(arrLatLng[i], arrLatLng[i + 1]);
            markers[index] = new GMarker(point, icon)
            map.addOverlay(markers[index]);
            index++;
        }
    }
  }
}

var counter = resetCounter();
var intervalID;

function flashMarker(el)
{
    window.clearInterval(intervalID);
    counter = resetCounter();
    var i = 0;

    for (i = 0; i < markers.length - 1; i++) {
        markers[i].show();
    }
    
    var markerPoint = markers[el].getPoint();
    var markersToFlash = "";
    for(i=0;i<markers.length;i++)
    {
      if(markerPoint.equals(markers[i].getPoint()))
      {
        markersToFlash += i + ",";
      }
    }
    //markers[el].setPoint(new GLatLng(markers[el].getPoint().lat(),markers[el].getPoint().lng() + 0.2))
    markers[el].redraw(true);
    intervalID = setInterval('flash("' + markersToFlash + '")', 200);
  //}
}
function flash(markersToFlash)
{
  var i = 0;
  var arrMarkersToFlash = markersToFlash.split(',');
  if(counter > 0)
  {
    if(counter % 2 == 0)
    {
      for(i=0;i<arrMarkersToFlash.length-1;i++)
      {
        markers[arrMarkersToFlash[i]].hide();
      }
    }
    else
    {
      for(i=0;i<arrMarkersToFlash.length-1;i++)
      {
        markers[arrMarkersToFlash[i]].show();
      }
    }
    counter--;
  }
  else
  {
    window.clearInterval(intervalID);
    counter = resetCounter();
  }
}
function resetCounter()
{
  return 12;
}

function updateCarList(vehicleId, el) {
    var el = document.getElementById('lnk' + vehicleId);
    document.forms['aspnetForm'].hidVehicleId.value = vehicleId;
    document.forms['aspnetForm'].hidVehicleType.value = el.innerHTML.indexOf('Add') > -1 ? "Add" : "Remove";
    __doPostBack('ctl00$ContentPlaceHolder1$LinkButton1', '')
    if (el.innerHTML.indexOf('Add') > -1) {
        el.innerHTML = "Remove from wishlist";
    }
    else {
        el.innerHTML = "Add to wishlist";
    }
}

/*function rewordCarPark(count)
{
    var elCarPark = document.getElementById("carPark");
    if(count != 0)
    {
        elCarPark.innerHTML = "Added";
        elCarPark.href = "/mycar/carpark.aspx";
        elCarPark.onclick = null;
        var exdate=new Date();
        exdate.setDate(exdate.getDate() + 1);

        document.cookie = "carpark=" + count + "; expires="+exdate.toGMTString()+"; path=/";
        
        setTimeout("rewordCarPark(0)",1500);
    }
    else
    {
        elCarPark.innerHTML = "View your car park";
    }
}*/