// JavaScript Document
$(document).ready(function(){
	var mainHeight = 0;
	var currentLeft = 0;
	var linkArray = new Array();
	var count = 0;
	var url=window.location;  
	var anchor=url.hash; //anchor with the # character  
	
	if(anchor == "") {
		$('.item-navigation li:first a').addClass('on');
		$('#content-container-slider > div').each(function(){
			$(this).width($(this).width()).height($(this).height())
				.css({
					 'position':'absolute',
					 'top':0,
					 'left':currentLeft
				});
			if($(this).height()>mainHeight) {
				mainHeight = $(this).height();
			}
			linkArray[count]=currentLeft;
			currentLeft = currentLeft + $(this).width() +20;
			
			count++;
		});

		if ($('#content-container').length) {
			$('#content-container').height($('#description').height());
			$('#content-container-slider').height($('#description').height()).width(currentLeft);
		}
	} else {
		var divSize = $('#content-container-slider > div').size() - 1;
		$('.item-navigation li:eq('+$(anchor).index()+') a').addClass('on');
		$('#content-container-slider > div').each(function(){
			$(this).width($(this).width()).height($(this).height())
				.css({
					 'position':'absolute',
					 'top':0,
					 'left':currentLeft
				});
			if($(this).height()>mainHeight) {
				mainHeight = $(this).height();
			}
			linkArray[count]= -(divSize*($(this).width() +20));
			currentLeft = currentLeft + $(this).width() +20;
			
			count++;
			divSize--;
		});
		
		if ($('#content-container').length) {
			$('#content-container').height(mainHeight);
			$('#content-container-slider').height(mainHeight).width(currentLeft);
		}
	}
	
	

	
	
	$('.item-navigation li').click(function(){
		url=window.location;  
		anchor=url.hash; //anchor with the # character  
		$('.on').removeClass('on');
		var linkPos = $(this).index();
		/*if($('a',this).attr('href') == "#case-studies" ) {
			var newURL = url + $('a',this).attr('href')
			$('#content-container-slider').animate({'left':-linkArray[linkPos]},function(){
				window.location = newURL 
			});
		} else {
			$('#content-container-slider').animate({'left':-linkArray[linkPos]});
		}*/
		$('#content-container-slider').animate({'left':-linkArray[linkPos]});
		$('#content-container-slider, #content-container').animate({
			'height':$($('a', this).attr('href')).height()
		})
		$('a', this).addClass('on');
		return false;
	});
});