var maxki = 0;
var ki = 0;
var e = 0;
var l = 0;
var step = 218;
var pr = 0;
var needarrs = true;

function resizeNav() {
	var width = 0;
	$('#nav li a').each(function() { width = width + $(this).width()+28; });
	
	var navwidth = $('.nav-box').width()-74;
	//alert(width+', '+navwidth+', '+(navwidth-width)+', '+($('#nav li:not(.current)').length));
	$('#nav').width(navwidth).find('li').stop().animate({ 
		marginRight: Math.floor((navwidth-width)/($('#nav li:not(.back)').length))
	}, "normal", function() {
		//$("#nav li.current").trigger('mouseover');
		$("#nav li.back").stop().animate({ "left": $("#nav li.current").offset().left+"px"});	
	});	
}

function preoptions() {
	var p = $(".models-slider").parent().width()-104;
	l = $(".models-slider li").length;
	
	maxki = Math.floor(p / step);
	needarrs = maxki >= l ? false : true;
	maxki = maxki < l ? maxki : l;
	pr =  Math.floor(p / maxki)-step+1;
	$(".models-slider").width((step+pr)*maxki-pr-15);
	$(".models-slider li").css('padding-right', pr);
	$(".s-right").css("left", $(".models-slider").width()+67+'px');
	hidearrs();
}


function left() { ki--; hidearrs(); }
function right() { ki++; hidearrs(); }

function kanimate() { $(".models-slider ul").stop().animate({marginLeft: -1*(step+pr)*ki}, "normal", "easeOutBack"); }

function hidearrs() { 
	ki = ki<=0 ? 0 : ki;
	ki = ki>l-maxki && ki!=0 ? l-maxki : ki;
	ki==0 ? $('.s-left').addClass('s-left-disable') : $('.s-left').removeClass('s-left-disable');
	var ro = ki==l-maxki || l<maxki ? $('.s-right').addClass('s-right-disable') : $('.s-right').removeClass('s-right-disable');

	$('.s-left, .s-right').css('visibility', needarrs ? 'visible' : 'hidden');

	if (l>maxki) kanimate();
}	



$(window).resize(function() {
	resizeNav();
	preoptions();
	$box =$(".amazing-box"), $layout = $('.image-layout', $box);
	if ($layout.width() + parseInt($layout.css('margin-left')) < $box.width())
		$('.image-layout').css('margin-left', $box.width() - $layout.width());
});

var ev = {pageX:0, pageY:0 };
var animate = false;

function move(x,y,stop) {
	if (animate==true) {
		$o = $(".amazing-box");
		var e = ev;
		
		$widthBox = $o.width(), $layout = $('.image-layout', $o), $half = parseInt($widthBox/2), 
		$rightPart = $layout.width() > $widthBox ? 1 : 0
		$ml = $layout.data('left') || 0; 
		
		if (e.pageX < $half)
			$leftPart = 1, $min = e.pageX, $max = $half;
		else 
			$leftPart = 0, $min = $half, $max = e.pageX;
			
		$k = parseFloat(( $max - $min ) / $half ); 
		
		$k = $k == 0 ? 0.01 : $k;
		$step = $.browser.msie ? 4*$k : 2*$k;

		if ($leftPart) { 
			if ( $ml < -1)  {
				$layout.data('left', $ml+$step);
				$layout.css('margin-left', $layout.data('left'));
			}
		} else if ($rightPart) { 
			if ($ml-$step > $widthBox-$layout.width())  {
				$layout.data('left', $ml-$step);
				$layout.css('margin-left', $layout.data('left'));
			}
		}
		setTimeout("move()",1);
	} else animate = false;
}

$().ready(function() {
	$("#gallery a").fancybox({
		hideOnContentClick: false,
		overlayShow: false,
		overlayOpacity: 0.5,
		zoomSpeedIn: 500,
		zoomSpeedOut:500
	});
	
	resizeNav();
	preoptions();
	
	var $move = document.getElementById('move');
	
	$('#move').mousemove(function(e) {
		ev = e;
		if(!animate){
			animate=true;
			move();
		}
	});
	$('#move').mouseout(function() {
		animate=false;		
	});
	
	$("#nav").lavaLamp({ fx: "easeOutBack", speed: 800});

});