$(function(){
	//Get our elements for faster access and set overlay width
	var div = $('div.sc_menu'),
		ul = $('ul.sc_menu'),
		ulPadding = 1;
	
	//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);
	});
});	



$(document).ready(function() {

var hash=location.hash;
if (hash){
$('.libody-1').hide();
$('.libody-2').hide();
$('.libody-3').hide();
$('.libody-4').hide();
$('.libody-5').hide();
$('.libody-6').hide();
$('#case-study-4').hide();
$('#case-study-5').hide();
$('#case-study-2').hide();
$('#case-study-3').hide();
$('#case-study-1').hide();
$('.li-1 a').css({'color': '#ffffff'});
$('.li-2 a').css({'color': '#ffffff'});
$('.li-3 a').css({'color': '#ffffff'});
$('.li-4 a').css({'color': '#ffffff'});
$('.li-5 a').css({'color': '#ffffff'});
$('#case-study-'+hash.replace("#","")).show();
$('.libody-'+hash.replace("#","")).show("fast");
$('.li-'+hash.replace("#","")+' a').css({'color': '#83ede4'});
} else {
$('.libody-1').show("fast");
$('.libody-2').hide();
$('.libody-3').hide();
$('.libody-4').hide();
$('.libody-5').hide();
$('.libody-6').hide();
$('#case-study-4').hide();
$('#case-study-5').hide();
$('#case-study-2').hide();
$('#case-study-3').hide();
$('#case-study-1').show();
$('.li-1 a').css({'color': '#83ede4'});
}


$('.listudy-1').click(function() {
$('#case-study-2').hide();
$('#case-study-3').hide();
$('#case-study-1').show();
$('#case-study-5').hide();
$('#case-study-4').hide();
$('.libody-1').show("fast");
$('.libody-2').hide();
$('.libody-3').hide();
$('.libody-4').hide();
$('.libody-5').hide();
$('.li-1').css({'background-image': 'url(images/nav4_bg4.jpg)'});
$('.li-2').css({'background-image': 'url(images/nav4_bg1.jpg)'});
$('.li-3').css({'background-image': 'url(images/nav4_bg1.jpg)'});
$('.li-1 a').css({'color': '#83ede4'});
$('.li-2 a').css({'color': '#ffffff'});
$('.li-3 a').css({'color': '#ffffff'});
$('.li-4 a').css({'color': '#ffffff'});
$('.li-5 a').css({'color': '#ffffff'});
return false;	
});

$('.listudy-2').click(function() {
$('#case-study-1').hide();
$('#case-study-3').hide();
$('#case-study-2').show();
$('#case-study-5').hide();
$('#case-study-4').hide();
$('.libody-2').show("fast");
$('.libody-1').hide();
$('.libody-3').hide();
$('.libody-4').hide();
$('.libody-5').hide();
$('.li-4').css({'background-image': 'url(images/nav4_bg1.jpg)'});
$('.li-5').css({'background-image': 'url(images/nav4_bg1.jpg)'});
$('.li-1').css({'background-image': 'url(images/nav4_bg1.jpg)'});
$('.li-2').css({'background-image': 'url(images/nav4_bg4.jpg)'});
$('.li-3').css({'background-image': 'url(images/nav4_bg1.jpg)'});
$('.li-2 a').css({'color': '#83ede4'});
$('.li-1 a').css({'color': '#ffffff'});
$('.li-3 a').css({'color': '#ffffff'});
$('.li-4 a').css({'color': '#ffffff'});
$('.li-5 a').css({'color': '#ffffff'});
return false;	
});

$('.listudy-3').click(function() {
$('#case-study-1').hide();
$('#case-study-2').hide();
$('#case-study-5').hide();
$('#case-study-4').hide();
$('#case-study-3').show();
$('.libody-3').show("fast");
$('.libody-2').hide();
$('.libody-1').hide();
$('.libody-4').hide();
$('.libody-5').hide();
$('.li-4').css({'background-image': 'url(images/nav4_bg1.jpg)'});
$('.li-5').css({'background-image': 'url(images/nav4_bg1.jpg)'});
$('.li-1').css({'background-image': 'url(images/nav4_bg1.jpg)'});
$('.li-2').css({'background-image': 'url(images/nav4_bg1.jpg)'});
$('.li-3').css({'background-image': 'url(images/nav4_bg4.jpg)'});
$('.li-3 a').css({'color': '#83ede4'});
$('.li-1 a').css({'color': '#ffffff'});
$('.li-2 a').css({'color': '#ffffff'});
$('.li-4 a').css({'color': '#ffffff'});
$('.li-5 a').css({'color': '#ffffff'});
return false;	
});



$('.listudy-4').click(function() {
$('#case-study-1').hide();
$('#case-study-2').hide();
$('#case-study-3').hide();
$('#case-study-4').show();
$('#case-study-5').hide();
$('.libody-4').show("fast");
$('.libody-5').hide()
$('.libody-3').hide()
$('.libody-2').hide();
$('.libody-1').hide();
$('.li-1').css({'background-image': 'url(images/nav4_bg1.jpg)'});
$('.li-2').css({'background-image': 'url(images/nav4_bg1.jpg)'});
$('.li-3').css({'background-image': 'url(images/nav4_bg1.jpg)'});
$('.li-4').css({'background-image': 'url(images/nav4_bg4.jpg)'});
$('.li-5').css({'background-image': 'url(images/nav4_bg1.jpg)'});
$('.li-5 a').css({'color': '#ffffff'});
$('.li-4 a').css({'color': '#83ede4'});
$('.li-3 a').css({'color': '#ffffff'});
$('.li-1 a').css({'color': '#ffffff'});
$('.li-2 a').css({'color': '#ffffff'});
return false;	
});



$('.listudy-5').click(function() {
$('#case-study-1').hide();
$('#case-study-2').hide();
$('#case-study-3').hide();
$('#case-study-4').hide();
$('#case-study-5').show();
$('.libody-5').show("fast");
$('.libody-4').hide();
$('.libody-3').hide()
$('.libody-2').hide();
$('.libody-1').hide();
$('.li-1').css({'background-image': 'url(images/nav4_bg1.jpg)'});
$('.li-2').css({'background-image': 'url(images/nav4_bg1.jpg)'});
$('.li-3').css({'background-image': 'url(images/nav4_bg1.jpg)'});
$('.li-4').css({'background-image': 'url(images/nav4_bg1.jpg)'});
$('.li-5').css({'background-image': 'url(images/nav4_bg4.jpg)'});
$('.li-5 a').css({'color': '#83ede4'});
$('.li-4 a').css({'color': '#ffffff'});
$('.li-3 a').css({'color': '#ffffff'});
$('.li-1 a').css({'color': '#ffffff'});
$('.li-2 a').css({'color': '#ffffff'});
return false;	
});



$('.liheader-1').mouseover(function() {
$('.libody-1').show("fast");
$('.libody-2').hide();
$('.libody-3').hide();
$('.libody-4').hide();
$('.libody-5').hide();
$('.libody-6').hide();
return false;	
});

$('.liheader-2').mouseover(function() {
$('.libody-2').show("fast");
$('.libody-1').hide();
$('.libody-3').hide();
$('.libody-4').hide();
$('.libody-5').hide();
$('.libody-6').hide();
return false;	
});


$('.liheader-3').mouseover(function() {
$('.libody-3').show("fast");
$('.libody-1').hide();
$('.libody-2').hide();
$('.libody-4').hide();
$('.libody-5').hide();
$('.libody-6').hide();
return false;	
});

$('.liheader-4').mouseover(function() {
$('.libody-4').show("fast");
$('.libody-1').hide();
$('.libody-2').hide();
$('.libody-3').hide();
$('.libody-5').hide();
$('.libody-6').hide();
return false;	
});

$('.liheader-5').mouseover(function() {
$('.libody-5').show("fast");
$('.libody-1').hide();
$('.libody-2').hide();
$('.libody-3').hide();
$('.libody-4').hide();
$('.libody-6').hide();
return false;	
});

$('.liheader-6').mouseover(function() {
$('.libody-6').show("fast");
$('.libody-1').hide();
$('.libody-2').hide();
$('.libody-3').hide();
$('.libody-4').hide();
$('.libody-5').hide();
return false;	
});



$('[class^=toggle]').hide();
$('[class^=link]').click(function() {
$('[class^=toggle]').hide("fast");
var $this = $(this);
var x = $this.attr("className");
$('.toggle-' + x).toggle("slow");
return false;
});

$("a[rel=example_group]").fancybox({
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'titlePosition' 	: 'over',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
				return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
				}
});



});