$(function() {
	$("body").addClass('js');
	cufon();
	initGallery();
	initWidth();
	initExternalLinks();
	initRadio();
	initFaq();
	initStaffing();
	initBorders();
});

function initBorders() {
	$('#dynamic img[style*="left"]:not(.no-border)').wrap('<div class="img-left" />');
	$('#dynamic img[style*="right"]:not(.no-border)').wrap('<div class="img-right" />');
	$('#dynamic .img-left, #dynamic .img-right').append('<div class="img-border-top">&nbsp;</div><div class="img-border-btm">&nbsp;</div>');	
}

function initStaffing() {
	$('.staffing form').submit( function () {
		return checkstuff();
	});
}

function initFaq() {
	$("a[name=faqs]").parent().nextAll().wrapAll('<div id="faq" class="faqs" />');
	$("#faq dt").click( function() { $(this).next("dd").slideToggle(150); });

	$("#body-info #dynamic").css({height: $("#body-info #dynamic").height()});
	$("#faq > *:not(h1,h2)").hide();
	$("#faq h2").click( function() {
		$(this).nextUntil("h2").slideToggle(350);							  
	});
}


function initRadio() {
    $("#radio a").click(function () {
        window.open($(this).attr("href"), "Radio",
			"menubar=no,width=188,height=230,toolbar=no,scrollbars=no,location=no,status=no,resizable=no");
        return false;
    });
}

function initWidth() {
	setMin();
	
	$(window).resize(function() {
		setMin();						  
	});
	
	function setMin() {
		if ($(window).width() > 960) {
			$("body").css({'overflow-x': 'hidden'});
		} else {
			$("body").css({'overflow-x': 'auto'});
		}
	}
}

/* Text replacement
===================================================================================== */
function cufon() {
    Cufon.replace([	'h2', 'h3', '#quote p', '#quote h6', '#faq dt', '#faq dd strong', 
					'#artist h4', 'th', '#tv-box h4', '#radio-box p', '#foot h6', 
					'legend:not(fieldset fieldset legend)', '#day-tbc h5', '#giving #head p, #giving h4'
					], {});
	Cufon.replace(['#nav li a', 'h1'], { hover: true });
} 

/* Gallery
===================================================================================== */	
function initGallery() {

//#### initilise
	var slideshow = false;	
	var first = $("#gallery #thumbs li:first img");
	var count = $("#gallery #thumbs li").length;	
	
	if (count === 0) return;
	
	var thumbWidth  = $("#gallery #thumbs li").outerWidth();
	var thumbMargin = parseInt($("#gallery #thumbs li").css("margin-left"), 10)
	thumbWidth = thumbWidth + (thumbMargin * 2);	
	var stripWidth   = thumbWidth * count;
	var stripVisible = $("#gallery #thumbs").width();	
		
	
//#### build controls	
	$("#gallery #thumbs ul").css({width: stripWidth +'px'});
	$("#gallery #thumbs li:first").addClass('on');
	
	$("#gallery #thumbs").after('<div id="gal-wrap"><img src="'+ getBig($(first).attr('src')) +'" id="gal-img" /></div>');
	$("#gallery #gal-img").after('<p id="gal-title">&nbsp;</p>');
	$("#gallery #gal-title").text($(first).attr('alt'));
	$("#gallery #thumbs").before('<img src="/img/gal-left.gif" id="gal-prev" />');
	$("#gallery #thumbs").after('<img src="/img/gal-right.gif" id="gal-next" />');
	//$("#gallery #gal-wrap").after('<h3 id="gal-start">Start Slideshow</h3>');
	//$("#gallery #gal-wrap").after('<h3 id="gal-stop" style="display: none">Stop Slideshow</h3>');
	//Cufon.replace(['#gal-stop','#gal-start'], {});
	
		
//#### attach events
	$('#gallery #gal-prev').click( function() {
		slideThumbs('left');						
	});
	
	$('#gallery #gal-next').click( function() {
		slideThumbs('right');						
	});
	
	$('#gallery #thumbs a').click( function() {
		stopSlideShow();
		$(this).parent('li').showImage();	
		return false;
	});
	
	$('#gallery #gal-start').click( function() {
		startSlideShow();
	});

	$('#gallery #gal-stop').click( function() {
		stopSlideShow();
	});
	

//#### functions
	function slideThumbs(dir) {
		var thumbs = $("#gallery #thumbs ul");
		var left = parseInt($(thumbs).css('left'));
		
		if (dir === 'left') {
			if (left >= 0) return;
			dist = left + stripVisible;
		} else {
			if (left <= (stripVisible - stripWidth)) return;
			dist = left - stripVisible;
		}
		
		$(thumbs).animate({'left': dist}, 200);
	}
	
	function startSlideShow() {	
		$('#gallery #gal-start').hide();	
		$('#gallery #gal-stop').show();
		
		slideshow = true;
		slideShow();	
	}
	
	function stopSlideShow() {		
		$('#gallery #gal-stop').hide();
		$('#gallery #gal-start').show();
		
		slideshow = false;	
	}
		
	function slideShow() {
		if (!slideshow) return;
		
		
		var main  = $("#gallery #gal-img");		
		var nxtThumb = $("#gallery #thumbs li.on").next();		
		if ($(nxtThumb).length === 0) {
			nxtThumb = $("#gallery #thumbs li:first");	
		}	
		
		$(nxtThumb).animate({opacity: 1.0}, 3000,
			function() { 
				$(this).showImage({
					callBack: function() { slideShow(); }
				});
			}
		);
	}
	

//#### helpers	
	function getBig(filename) {
		return filename.replace('/small/', '/big/');
	}
	function getSml(filename) {
		return filename.replace('/big/', '/small/');
	}	
		
	jQuery.fn.showImage = function(options) {
		var defaults = { callBack: function() {} }
		var settings = $.extend(true, {}, defaults, options);
		
		var main  = $("#gallery #gal-img");	
		var filename = $(this).find('img').attr('src');	
		var title = $(this).find('img').attr('alt');
		filename = getBig(filename);
		
		$(this).siblings().removeClass('on');
		$(this).addClass('on');
		
		$(main).unbind('load');
		
		$(main).fadeOut(800, function() {			
			$(main).load( function() {		
				var h = $(main).height();
				$(main).css({marginTop: -Math.ceil(h / 2)});
				$("#gal-title").text(title);
				$(main).fadeIn(500, function() { 				
					settings.callBack.call(this); 
				});
			}).attr('src', filename);
		});
	}
}


/* External Links and PDF Links
===================================================================================== */
function initExternalLinks() {
    var h = window.location.host.toLowerCase();
    $("a[href^='http']:not([href^='http://" + h + "']):not([href^='http://kendalcalling.ticketline.co.uk']):not([href^='http://photos.kendalcalling.co.uk']):not([href^='http://www." + h + "']), a[href$='.pdf'], a[href$='.jpg']").attr("target", "_blank");
}



function debug(msg) {
	$('#wrap').after('<p>'+msg+'</p>');	
}