var autoLeft;
var autoWidth;
$(document).ready(function () {
    autoLeft = $('div#auticko img').offset().left;
    autoWidth = $('div#auticko img').width();
    
    // move car image to current li
    var currentMenu = $('ul#menu li.current');
    var currentMenuLeft = currentMenu.offset().left;
    var currentMenuWidth = currentMenu.outerWidth();
    var currentIncrement = (currentMenuWidth - autoWidth) / 2;
	$('div#auticko img').css({left: currentMenuLeft - autoLeft + currentIncrement + 'px'});
    
    // bind function to menu
    $('ul#menu li').click(function (e) {
		var menuLeft = $(this).offset().left;
		var menuWidth = $(this).outerWidth();
		var link = this.firstChild.toString();
		
		var increment = (menuWidth - autoWidth) / 2;
		
	    $('div#auticko img').animate({left: menuLeft - autoLeft + increment + 'px'}, 'slow', redirect(link));
		
		// prevent redirect to link
		return false;
	});
});

var redirect = function(link) {
	return function() {
		document.location = link;
	};
};