$(document).ready(function(){
	$.backstretch("/template/images/bg.jpg", {centeredY: false, centeredX:true})
	var page_id = $('body').attr('id');
	var nav_element = $('#nav');
	switch(page_id) {
		case 'about-us':
			nav_element.css({'background-position':'133px 0px'});
			break;
		case 'food':
			nav_element.css({'background-position':'130px 36px'});
			break;
		case 'drink':
			nav_element.css({'background-position':'127px 75px'});
			break;
		case 'social':
			nav_element.css({'background-position':'130px 106px'});
			break;
		case 'book-a-table':
			nav_element.css({'background-position':'183px 142px'});
			break;
		case 'location':
			nav_element.css({'background-position':'133px 177px'});
			break;
		case 'press':
			nav_element.css({'background-position':'103px 210px'});
			break;
		case 'private-dining':
			nav_element.css({'background-position':'178px 240px'});
			break;
		case 'join-us':
			nav_element.css({'background-position':'133px 274px'});
			break;
		default:
			nav_element.css({'background-position':'-100000px -1000000px'});
			break;
	}


	//Nav hover
	$('#nav li').hover(function(){
		var nav_element = $(this).parent().parent();
		var which_element = $(this).attr('id');
		switch(which_element) {
			case 'about-us-nav':
				nav_element.css({'background-position':'133px 0px'});
				break;
			case 'food-nav':
				nav_element.css({'background-position':'130px 36px'});
				break;
			case 'drink-nav':
				nav_element.css({'background-position':'127px 75px'});
				break;
			case 'social-nav':
				nav_element.css({'background-position':'130px 106px'});
				break;
			case 'book-a-table-nav':
				nav_element.css({'background-position':'183px 142px'});
				break;
			case 'location-nav':
				nav_element.css({'background-position':'133px 177px'});
				break;
			case 'press-nav':
				nav_element.css({'background-position':'103px 210px'});
				break;
			case 'private-dining-nav':
				nav_element.css({'background-position':'178px 240px'});
				break;
			case 'join-us-nav':
				nav_element.css({'background-position':'133px 274px'});
				break;

		}
	},function(){
		var nav_element = $(this).parent().parent();
		var page_id = $('body').attr('id');
		switch(page_id) {
			case 'about-us':
				nav_element.css({'background-position':'133px 0px'});
				break;
			case 'food':
				nav_element.css({'background-position':'130px 36px'});
				break;
			case 'drink':
				nav_element.css({'background-position':'127px 75px'});
				break;
			case 'social':
				nav_element.css({'background-position':'130px 106px'});
				break;
			case 'book-a-table':
				nav_element.css({'background-position':'183px 142px'});
				break;
			case 'location':
				nav_element.css({'background-position':'133px 177px'});
				break;
			case 'press':
				nav_element.css({'background-position':'103px 210px'});
				break;
			case 'private-dining':
				nav_element.css({'background-position':'178px 240px'});
				break;
			case 'join-us':
				nav_element.css({'background-position':'133px 274px'});
				break;
			default:
				nav_element.css({'background-position':'-100000px -1000000px'});
				break;

		}
	});
});

$(window).load(function(){
	var scroller = $('#scroller');
	var scrolling_element = $('#scroller-container-scroll');
	var scrolling_element_width = 0;
	var scrolling_items = $('.scroller-item');
	for (x = 0 ; x < scrolling_items.length ; x++ ) {
		scrolling_element_width += 20 + $(scrolling_items[x]).outerWidth();
	}
	var scroll_limit = scrolling_element_width - 681;

	//Bugfix for ie7
	scrolling_element.css('left', '0px');


	// Only scroll if there is somewhere to scroll to
	if (scroll_limit > 0) {
		$('#gallery #arrow-left, #gallery #arrow-right').fadeIn();
		// Add a click hander for the arrows
		// On click move in the appropriate direction by 100px
		// or less if there isn't as far to go
		$('#gallery #arrow-right').click(
										[
											scrolling_element,
											scroll_limit
										],
										function(event) {
											//Stop buildup of animations
											event.data[0].stop(false);

											//Where is the element currently?
											var current_left_value = event.data[0].css('left');
											if (current_left_value === 'auto') {
												current_left_value = '0px';
											}
											current_left_value = parseInt(current_left_value.substr(0, current_left_value.length - 2));
											var scroll_to = current_left_value - 500;
											if (scroll_to < -event.data[1]) {
												//Just scroll to the end
												var time_to_take = ((current_left_value + event.data[1])/500) * 2000;
												var scroll_to_string = -event.data[1] + 'px';
												event.data[0].animate({ left: scroll_to_string}, time_to_take, 'swing'); 
											} else {
												//Scroll along another 150 px
												var scroll_to_string = scroll_to + 'px';
												event.data[0].animate({ left: scroll_to_string}, 2000, 'swing'); 
											}
										});
		$('#gallery #arrow-left').click(
										[
											scrolling_element,
											scroll_limit
										],
										function(event) {
											//Stop buildup of animations
											event.data[0].stop(false);

											//Where is the element currently?
											var current_left_value = event.data[0].css('left');
											if (current_left_value === 'auto') {
												current_left_value = '0px';
											}
											current_left_value = parseInt(current_left_value.substr(0, current_left_value.length - 2));
											var scroll_to = current_left_value + 500;
											if (scroll_to >= 0) {
												//Just scroll to the end
												var time_to_take = (-current_left_value/500) * 2000;
												var scroll_to_string = '0px';
												event.data[0].animate({ left: scroll_to_string}, time_to_take, 'swing'); 
											} else {
												//Scroll along another 150 px
												var scroll_to_string = scroll_to + 'px';
												event.data[0].animate({ left: scroll_to_string}, 2000, 'swing'); 
											}
										});
	} else {
		// If there is nowhere to scroll to remove the arrows...
		//$('#gallery #arrow-left, #gallery #arrow-right').remove();
	}


	scroller.find('a[rel=gallery]').colorbox({transition:"elastic", height:"75%"});


});

	//var scroll_to_string = '-' + scroll_to + 'px';
	//scrolling_element.animate({ left: scroll_to_string}, scroll_time, 'linear');