IH = {};

// run scripts on load
$(function()
{
	
	// run supersleight
	$('body').supersleight();
	
	// set external links
	$('a[rel=external]').attr('target', '_blank');
	
	// initialise the navigation slider if it exists
	if($('#main-nav').length > 0 ){
		IH.bgSlider.init('#main-nav a');
	}
	
	IH.bgSlider.init('a.button-next, a.button-prev');
	
});

/* navigation slider
-------------------------------------------------------------------------*/
IH.bgSlider = {

	init: function(elem){
		
		$(elem).each(function(){
			
			$(this).css({backgroundPosition: '50% 0'});
			
		});
		
		// bind event clicks for slider and navigation
		this.bindEventHandlers(elem);
		
	},
	
	bindEventHandlers: function(elem){
		
		// bind events
		$(elem).bind('mouseover', function(e){ IH.bgSlider.slideUp(e.target); });
		$(elem).bind('mouseout', function(e){ IH.bgSlider.slideDown(e.target); });
		
	},
	
	slideUp: function(elem){
		
		$(elem).stop().animate({backgroundPosition: '(50% -120px)'}, {duration: 400});
	
	},
	
	slideDown: function(elem){
		
		$(elem).stop().animate({backgroundPosition: '(50% 0)'}, {duration: 400});
		
	}

};