var updateTestiminalsHovering = false;
var lightboxOpen = false;
var spinnerHeights = new Array();

function testiminals_spinner(){
	if(updateTestiminalsHovering == true){
		window.setTimeout(testiminals_spinner, 5000);
		return true;
	}
	
	$('ul#testiminals_spinner li').each(function (i){
		if($(this).hasClass('visible')){
			var next = $(this).next();
			
			if(i === ($('ul#testiminals_spinner li').length  - 1)){ // were on the last element, so reset the list.
				var next = $('ul#testiminals_spinner li:first');
			}
			$(this).fadeOut(750, function(){$(this).removeClass('visible')});
			$('ul#testiminals_spinner').delay(200).animate({height:spinnerHeights[next.index()]}, 750);
			next.delay(1200).fadeIn(1000, function(){$(this).addClass('visible')});
			return false;
		}
	});
	// set up the next timer.
	window.setTimeout(testiminals_spinner, 7500);
}
$(".noJS").hide();


$(document).ready(function(){
	$("body").addClass("hasJS");
	
	// Handle tabs
	if($(".tabbedContent").length > 0){
		$(".tabbedContent ul.tabs li:first, .tabbedContent .tabbedWrapper .tabbed:first").addClass("current");
	}
	
	$(".tabbedContent ul.tabs li a").click(function(event){
		event.preventDefault();
		var chosen = $(this).parent("li").attr("id");
		if($(".tabbedContent .tabbedWrapper ."+chosen).hasClass("current") !== true){
			$(".tabbedContent ul.tabs li.current").removeClass("current");
			$(this).parent("li").addClass("current");
			$(".tabbedContent .tabbedWrapper .tabbed.current").hide().removeClass("current");
			$(".tabbedContent .tabbedWrapper ."+chosen).show().addClass("current");
		}
	});
	
	if($('ul#testiminals_spinner').length > 0){
		// Dirtyy loop to get each elements height (jQuery doesn't handle display:none very well). Could break if fonts are re-sized.
		$('ul#testiminals_spinner li').each(function(i){
			$(this).show();
			spinnerHeights[i] = $(this).outerHeight(true);
			if(!$(this).hasClass("visible")){
				$(this).hide();
			}
		});
	}
	$('ul#testiminals_spinner').hover(function () {updateTestiminalsHovering = true;}, function () {updateTestiminalsHovering = null;});
	window.setTimeout(testiminals_spinner, 5000);
	
	// Lightbox
	$(".lightbox").click(function(){
		$("#lightbox-content").html("");
		$("lightbox-bg").attr('style', '');
		$("#lightbox-box").attr('style', '');
		$("#lightbox-bg").height($(window).height()+'px');
		$("#lightbox").fadeIn(400);
		
		if($(this).attr('data-id')){
			var id = $(this).attr('data-id');
			$("#lightbox-content").html('<!-- VZAAR START -->'+
			'<div class="vzaar_media_player">'+
			'<object id="video" width="1024" height="576" type="application/x-shockwave-flash" data="http://view.vzaar.com/'+id+'.flashplayer">'+
			'<param name="movie" value="http://view.vzaar.com/'+id+'.flashplayer">'+
			'<param name="allowScriptAccess" value="always">'+
			'<param name="allowFullScreen" value="true">'+
			'<param name="wmode" value="transparent">'+
			'<param name="autoplay" value="true">'+
			'<param name="flashvars" value="border=none">'+
			'<embed src="http://view.vzaar.com/'+id+'.flashplayer" type="application/x-shockwave-flash" wmode="transparent" width="1024" height="576" allowScriptAccess="always" allowFullScreen="true" autoplay="true" flashvars="border=none"></embed>'+
			'<video width="1024" height="576" src="http://view.vzaar.com/'+id+'.mobile" poster="http://view.vzaar.com/'+id+'.image" controls onclick="this.play();"></video></object>'+
			'</div>'+
			'<!-- VZAAR END -->');
			$("#lightbox-box").css('margin-left', '-512px' );
		}
		else if($(this).attr('data-game')){
			var game = $(this).attr('data-game');
			$("#lightbox-content").html('<embed type="application/x-shockwave-flash" src="/flash/'+game+'" width="700" height="430" id="mymovie" base="http://upgrade7.org.uk/flash/games/on_your_bike/" name="mymovie" bgcolor="#000000" quality="high">');
			$("#lightbox-box").css('margin-left', '-350px' );
		}
		else if($(this).attr('data-div')){
			$("#lightbox-content").width('960');
			$("#lightbox-content").css('background', 'none');
			$("#lightbox-content").html('<div class="scrollme">'+$(''+$(this).attr('data-div')).html()+'</div>');
			$(".scrollme").css('max-height', ($(document).height() * 0.8)+'px');
			$("#lightbox-box").css('margin-left', '-480px' );
		}
		//$("#lightbox-box").css('margin-left', '-'+($("#lightbox-content").innerWidth() / 2)+'px' );
		$("#lightbox-box").fadeIn(500);
		
		if($(document).height() > $(window).height()){
			$("#lightbox-bg").height(($(document).height()+20)+'px');
		}
		
		lightboxOpen = true;
		Cufon.refresh();
	});
	$("#lightbox-box .close, #lightbox-bg").click(function(){
		$("#lightbox-box").fadeOut(500);
		$("#lightbox").fadeOut(500, function(){$("#lightbox-content").html("");});
		lightboxOpen = false;
	});
	
	if($('#boroughMap .map').length > 0){
		//$('#boroughMap .map').maphilight();
		$('#boroughImageMap area').hover(
			function(){
				$('#zone').attr('src', "images/borough_maps/"+$(this).attr('alt').toLowerCase()+".png");
				$('#zoneURL').attr('href', $(this).attr('href'));
				$('#zoneTitle').html($(this).attr('alt'));
				Cufon.refresh();
			},function(){}
		);
	}
	if($('#funkyBorough').length > 0){
		$('#funkyBorough').selectBox();
		
		$('#boroughSend').change(function(){
			$('#boroughSend').submit();
		});
	}
});

$(window).resize(function() {
  if(lightboxOpen){
	$("#lightbox-bg").height($(window).height()+'px');
	$("#lightbox-box").css('margin-left', '-'+($("#lightbox-content").innerWidth() / 2)+'px' );
  }
});

$(document).keyup(function(e) {
	if (e.keyCode == 27) { // user pressed esc
		$("#lightbox-box").fadeOut(500);
		$("#lightbox").fadeOut(500, function(){$("#lightbox-content").html("");});
		lightboxOpen = false;
	}   
});