var vtCarouselInMotion;
var vtAutoAdvances;
var vtUserInterrupt = false;

window.onload = googleload;
window.onunload = googleunload;
$(document).ready(initjs);

function initjs() {

	/*carousel*/
	vtCarouselInMotion = false;
	$("#vtAdvance").click(vtUserFwd);
	$("#vtReverse").click(vtUserRev);
	vtAutoAdvances =  $("li.promogroup").length;
	setTimeout("vtAutoAdvance()",3000);
	$(".section li:not([class])").hover(navin,navout);
   }


function navin()
{
	$(this).stop().animate({ backgroundColor: "#6F7DBB"}, 400);
}

function navout()
{
	$(this).stop().animate({ backgroundColor: "#343434"}, 1600);
}

function vtAutoAdvance()
{
   if (vtUserInterrupt || --vtAutoAdvances < 0) return;
   setTimeout("vtAutoAdvance()",3000);
   vtGoRoundFwd();	
}

function vtUserFwd()
{
	vtUserInterrupt = true;
	vtGoRoundFwd();
}

function vtUserRev()
{
	vtUserInterrupt = true;
	vtGoRoundRev();
}

function vtGoRoundFwd() { 
	if (vtCarouselInMotion) return;
	vtCarouselInMotion = true;	
    $("#vtCarousel ul li:first").clone().appendTo("#vtCarousel ul");
	$("#vtCarousel ul li:first").animate({ marginLeft:-960 }, 400, shiftcompleteFwd);
   }

function vtGoRoundRev() { 
	if (vtCarouselInMotion) return;
	vtCarouselInMotion = true;	
    $("#vtCarousel ul li.promogroup:last").clone().prependTo("#vtCarousel ul");
	$("#vtCarousel ul li:first").css("margin-left","-960px").animate({ marginLeft:0 }, 400, shiftcompleteRev);
   }


function shiftcompleteFwd() {
	$("#vtCarousel ul li:first").detach();
	vtCarouselInMotion = false;
   }

function shiftcompleteRev() {
	$("#vtCarousel ul li.promogroup:last").detach();
	vtCarouselInMotion = false;
   }

function googleload() {

  if (document.getElementById("map") == null) { return; }

  if (GBrowserIsCompatible()) {

    var map;
    var lat = "41.398473";
    var lng = "-82.224818";
    
    var mapctrlat = "41.398473";
    var mapctrlng = "-82.224818";
    
    map = new GMap2(document.getElementById("map"));
    map.addControl(new GSmallMapControl());
    //map.addControl(new GMapTypeControl());
    map.setCenter(new GLatLng(mapctrlat,mapctrlng), 13);

    // 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.openInfoWindowHtml(point,"<p></p>");
    map.addOverlay(new GMarker(point,icon));

    var mapstyle = document.getElementById("map");
    mapstyle.style.font = "small arial";

   }
}

function googleunload() {

    if (document.getElementById("map") == null) { return; }
    GUnload();
}