$.fn.hidePanels = function() { 
	$("#rotator .col1 a").removeClass("currentItem");
	$("#rotator .col2 a").fadeOut('slow');
	
	var targetIndex = $(this).index();
	$("#rotator .col2 a:eq("+targetIndex+")").fadeIn('slow');
	
	return $(this).addClass('currentItem');
}

Shadowbox.init();
var map;

homeRotator = setInterval ( "moveRotator()", 6000 );

$(document).ready( function(){ 
//##############################
// Subnav classes
//##############################
var currentURL = $(location).attr('href');
$('#subNav').find('a[href="' + currentURL + '"]').addClass('current');


//##############################
//Homepage rotator
//##############################
$("#rotator .col1 a").mouseenter(function() {
	clearInterval(homeRotator);
	$(this).hidePanels();
}).mouseleave(function() {
	homeRotator = setInterval ( "moveRotator()", 6000 );
});


//##############################
// Mailing list sign up form
//##############################
$("#footerCap label").inFieldLabels();

//##############################
// Form validation
//##############################
$("form").each(function() {$(this).validate();});

//##############################
// Experience z-index fix and
// 4th item fix
//##############################
var zIndexNumber = 10000;
$("body.experience div").each(function() {
	$(this).css('zIndex', zIndexNumber);
	zIndexNumber -= 10;
});

$("body.experience div.experience:nth-child(4+4n)").addClass("experienceFour");
	
}); 

function showMap()
{
	//##############################
	// Contact form map
	//##############################
	var latlng = new google.maps.LatLng(52.124722,-2.302119);
	
	var myOptions = 
	{
	  zoom: 15,
	  center: latlng,
	  mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	
	var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
	
	var marker = new google.maps.Marker({
	  map:map,
	  animation: google.maps.Animation.DROP,
	  position: latlng,
	  title: 'Graffica'
	});
}

function moveRotator()
{
	if($("#rotator .col1 .currentItem").next().length > 0)
	{
		$("#rotator .col1 .currentItem").next().hidePanels();
	}
	else
	{
		$("#rotator .col1 .graffica").hidePanels();
	}
}