/*  
/   marketingQED Limited
/   site.js
/   Created by Enovate Design
*/

$(document).ready(function() {
	
	// Add class to body
	$('body').addClass('jsenabled');
	
	$('.request-brochure').attr('href', '/brochure-ajax/');
	
	//Initialise Superfish menu
	$("ul.sf-menu").superfish({ 
		pathClass:'current'
	}); 
	
	// Set rel=modal to launch fancybox
	$('a[rel=modal]').fancybox({
		'padding': 40,
		'showNavArrows': false
	});
	
	// Set Cufon
	Cufon.replace('h1')('#primary-navigation a');
	
	// Make sure homepage boxes are all the same height
	setHomepageBoxHeight();
	
	// Set up the masthead slide on the homepage
	setMastheadSlider();
	
	// Create news ticker for logo tagline
	$('#taglines').ticker();
	
	// Clear on focus
	$('#searchbar').focus(function() {
		if($(this).val() == 'Search...') $(this).val("");
	});
	$('#searchbar').blur(function() {
		if($(this).val() == '') $(this).val('Search...');
	});

});

function setHomepageBoxHeight() {
	
	var $boxes = $('#homepage-boxes .section');
	var maxheight = 0;
	
	$boxes.each(function() {
		if($(this).height() > maxheight) {
			maxheight = $(this).height();	
		}
	});
	
	$boxes.css('height', maxheight);
	
}

var itvl = null, current=0, $slides, slidecount=0, mastheadwidth=0, isfocus=1;

function setMastheadSlider() {
	
	// Is the window focused?
	window.addEventListener('focus', startAutoSlide);
	window.addEventListener('blur', stopAutoSlide);
	
	$masthead = $('#masthead');
	
	// Add rounded corners
	$masthead.prepend('<span class="masthead-corner mc-tl" />');
	$masthead.prepend('<span class="masthead-corner mc-tr" />');
	$masthead.prepend('<span class="masthead-corner mc-bl" />');
	$masthead.prepend('<span class="masthead-corner mc-br" />');	
	
	$masthead.prepend('<a class="masthead-navigation" href="#" id="previous-slide">Previous Slide</a>');
	$masthead.prepend('<a class="masthead-navigation" href="#" id="next-slide">Next Slide</a>');
	$masthead.prepend('<div id="masthead-slide-navigation">&nbsp;</div>');
	
	$slides = $('#masthead .section');
	slidecount = $slides.length;
	mastheadwidth = $masthead.width(); 
	
	$slides.each(function(i) {
		$(this).css('left', (i*mastheadwidth)+'px');
		$('#masthead-slide-navigation').append('<a class="slide-navigation" id="slide-navigation-'+ (i+1) +'" href="#">'+ (i+1) +'</a>');
	});
	
	$('.slide-navigation').eq(0).addClass('slide-navigation-current');	
	
	$('#previous-slide').live('click', function() {
		clearInterval(itvl);
		if(current == 0) current = slidecount-1;
		else current--;
		loadSlide(current, mastheadwidth);
		return false;
	});
	
	$('#next-slide').live('click', function() {
		clearInterval(itvl);
		if(current > (slidecount-2)) current = 0;
		else current++;
		loadSlide(current, mastheadwidth);
		return false;
	});
	
	$('.slide-navigation').live('click', function() {
		var index = $(this).index('.slide-navigation');
		loadSlide(index, mastheadwidth);
		current = index;
		return false;
	});
		
	startAutoSlide();
}

function startAutoSlide() {
	itvl = setInterval('autoSlide()', 8000);
}

function stopAutoSlide() {
	clearInterval(itvl);
}

function autoSlide() {
	//$('#next-slide').trigger('click', ['triggered']);
	if(current > (slidecount-2)) current = 0;
	else current++;
	loadSlide(current, mastheadwidth);
}

function loadSlide(i, width) {
	
	$('#masthead .section').each(function(j) {
		$(this).animate({'left' : (j-i)*width});
	});
	
	$('.slide-navigation').removeClass('slide-navigation-current');
	$('.slide-navigation').eq(i).addClass('slide-navigation-current');
}