$(document).ready(function(){
	//Start slideshow
	$('.navigation li a img').mouseover( function () {
		$(this).attr("src", $(this).attr("src").replace(/-off.png$/ig,"-on.png") );
	});

	$('.navigation li a img').mouseout( function () {
		$(this).attr("src", $(this).attr("src").replace(/-on.png$/ig,"-off.png") );
	});

	//Load carousel?	
	if ( $('#nav-short').attr('class') != undefined ) {

		var div = $('#nav-short'),
			ul = $('.navigation'),
			// unordered list's left margin
			ulPadding = 0;
	
		//Get menu width
		var divWidth = div.width();
		
		//Remove scrollbars
		div.css({overflow: 'hidden'});
		
		//Find last image container
		var lastLi = ul.find('li:last-child');

		//When user move mouse over menu
		div.mousemove(function(e){
			//As images are loaded ul width increases,
			//so we recalculate it each time
			var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;

			var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;

			div.scrollLeft(left);
		});


	}

});