$(document).ready(function() {
	Cufon.now();
	Cufon.replace('#menu ul li span', {fontFamily:'MetaBoldLF-Caps'});
	Cufon.replace('#tools .btn_build h1', {fontFamily:'MetaBoldLF-Caps'});
	Cufon.replace('#modal_content span', {fontFamily:'MetaBook-Roman'});
	windowResize();
	
	var linkPositionVertical = $(window).height() / 2 - $('#fbContainer .altlink').height() / 2 - $('#tools').height() / 2;
	var linkPositionHorizontal = $(window).width() / 2 - $('.altlink').width() / 2;
	$('#fbContainer .altlink').css({position:'absolute', top:linkPositionVertical, left:linkPositionHorizontal});
	
	$(window).resize(function(){
		windowResize();
	});
	
	// $('#arrow_left').css({opacity:'0.8'});
	// $('#arrow_right').css({opacity:'0.8'});
	var menuOpen = false;
	var menuSpeed = 300;
	$('#btn_view_more').click(function() {
		if(menuOpen == false){
			menuOpen = true;
			$('#menu_container').animate({bottom:'115px'}, menuSpeed, 'linear', $(function(){
				$('#btn_view_more').css({backgroundPosition:'0 0'});
			}));
		}else{
			menuOpen = false;
			$('#menu_container').animate({bottom:'-8px'}, menuSpeed, 'linear', $(function(){
				$('#btn_view_more').css({backgroundPosition:'0 -32px'});
			}));
		}
	});
	
	$('#btn_download').click(function() {
		if ($.browser.msie && $.browser.version.substr(0,1)=="6") {
			$('#modal_window').css('visibility', 'visible');
		} else {
			$('#modal_window').fadeIn('slow');
		}
		
	});
	$('#btn_close').click(function() {
		if ($.browser.msie && $.browser.version.substr(0,1)=="6") {
			$('#modal_window').css('visibility', 'hidden');
		} else {
			$('#modal_window').fadeOut('slow');
		}
	});
	var carDefaultWidth = '184px';
	var carDefaultHeight = '81px';
	$('#menu img').css({width:'165px',height:'73px'}).mouseover(function() {
		$('#menu img').css({opacity:'0.5'});
		$(this).css({opacity:'1.0'});	
	}).mouseout(function() {
		$(this).css({opacity:'0.5'});
	});
	$('#menu ul').mouseout(function() {
		$('#menu img').css({opacity:'1.0'});
	});
});

function windowResize()
{
	menuSystem();
	// $('#menu').css({width:$(window).width()});
	// $('#tools').css({width:$(window).width()});
	
	var arrowContainerHeight = $(window).height() - $('#tools').height();
	$('div.arrow').css({height:arrowContainerHeight});
	
	var arrowVerticalPosition = arrowContainerHeight / 2 - $('#arrow_left').height() / 2;
	$('#arrow_left').css({marginTop:arrowVerticalPosition});
	$('#arrow_right').css({marginTop:arrowVerticalPosition});
	
	var modalWindowVerticalPosition = $(window).height() / 2 - $('#modal_window').height() / 2 - $('#tools').height() / 2;
	var modalWindowHorizontalPosition =  $(window).width() / 2 - $('#modal_window').width() / 2;
	$('#modal_window').css({left:modalWindowHorizontalPosition, top:modalWindowVerticalPosition});
}

function menuSystem()
{
	//Get our elements for faster access and set overlay width
	var div = $('#menu'),
		ul = $('#menu ul'),
		ulPadding = 15;

	//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);
	});
}