var mouseX = 0;
var mouseY = 0;
var scrollBoxesDiff = null;
var scrollBoxesStep = 100;
var slideShow;


function scrollBoxes()
{	
	if(scrollBoxesDiff == null) scrollBoxesDiff = $("#rootWrap").width() - $("#root").width();
	if(scrollBoxesDiff > 0)
	{
		var active = 200;
		
		if(mouseX < active) { scrollLeft(Math.round((active - mouseX) / active * scrollBoxesStep));}
		else {$("#scrollLeftArrow").css("backgroundPosition", "90px 0");}
		
		if(mouseX > ($(window).width() - active)) { scrollRight(Math.round((active + mouseX - $(window).width()) / active * scrollBoxesStep)); }
		else {$("#scrollRightArrow").css("backgroundPosition", "90px 0");}
		
		setTimeout(scrollBoxes, 20);	
	}
	
	if(scrollBoxesDiff > 0 && $("#rootWrap").offset().left < 0) { $("#backToStart").css("display", "block"); }
	else { $("#backToStart").css("display", "none"); }		
}


function scrollRight(reallyStep)
{
	var scrollBoxesOffset = $("#rootWrap").offset().left;
	var sra = $("#scrollRightArrow");
	if ((scrollBoxesOffset + scrollBoxesDiff) > 0)
	{
		sra.css("left", mouseX - 90).css("top", mouseY - 23)
		if (reallyStep > 80) { sra.css("backgroundPosition", "-450px 0"); }	
		else if (reallyStep > 60) { sra.css("backgroundPosition", "-360px 0"); }	
		else if (reallyStep > 40) { sra.css("backgroundPosition", "-270px 0"); }	
		else if (reallyStep > 30) { sra.css("backgroundPosition", "-180px 0"); }	
		else if (reallyStep > 20) { sra.css("backgroundPosition", "-90px 0"); }	
		else { sra.css("backgroundPosition", "0px 0"); }	
			
		if (reallyStep <= 20) reallyStep = 2;
		if (reallyStep > 80 && reallyStep < 200) reallyStep = 200;
		if ((scrollBoxesOffset + scrollBoxesDiff) < reallyStep)  { reallyStep = scrollBoxesOffset + scrollBoxesDiff; }
		$("#rootWrap").css("left", scrollBoxesOffset - reallyStep + "px");		
	} else {
		if(slideShow) { stopSlideShow(); }
		 sra.css("backgroundPosition", "90px 0");
	}
	
}

function scrollLeft(reallyStep)
{
	var scrollBoxesOffset = $("#rootWrap").offset().left;
	var sla = $("#scrollLeftArrow");
	if (scrollBoxesOffset < 0)
	{
		sla.css("left", mouseX).css("top", mouseY - 23)
		if (reallyStep > 80) { sla.css("backgroundPosition", "-450px 0"); }	
		else if (reallyStep > 60) { sla.css("backgroundPosition", "-360px 0"); }	
		else if (reallyStep > 40) { sla.css("backgroundPosition", "-270px 0"); }	
		else if (reallyStep > 30) { sla.css("backgroundPosition", "-180px 0"); }	
		else if (reallyStep > 20) { sla.css("backgroundPosition", "-90px 0"); }			
		else { sla.css("backgroundPosition", "0px 0"); }
		
		if (reallyStep <= 20) reallyStep = 2;
		if (reallyStep > 80 && reallyStep < 200) reallyStep = 200;		
		if (-scrollBoxesOffset < reallyStep)  { reallyStep = -scrollBoxesOffset; }
		$("#rootWrap").css("left", scrollBoxesOffset + reallyStep + "px");		
	} else { sla.css("backgroundPosition", "90px 0"); }	
	
}

function slideShowRight()
{
	slideShow = setInterval("scrollRight(2)", 6);		
}

function stopSlideShow()
{
	clearInterval(slideShow);
}


function alignVertical()
{
	var th = 0;
	var mh = 0;
	var bh = $(window).height();
	var ratio = 700 / bh;
	var img;
	
	$("#rootWrap div.boxBig").each(function(e){
		img = $(this).find("img:first-child");
		imgWrap = $(this).find("div.boxImageWrap:first-child");
		if (bh < 600 && img.attr("height") >= 450)
		{
			newHeight = Math.round(img.attr("height") / ratio);
			img.removeAttr("width");	
			img.attr("height", newHeight);	
			imgWrap.css("height", newHeight+"px");		
			//$(this).css("width", img.attr("width"));
		} 
		
		
		th = $(this).height();
		if (th > mh) mh = th;
		
	});

	var move = Math.round(( bh - mh) / 2);
	if (move < 0) move = 0;
	$("#root").css("top",  move + "px");
	
}


function showPage()
{
	scrollBoxesDiff = $("#rootWrap").width() - $("#root").width();
	alignVertical();
	$("#loading").remove();
	$("#root").css({'display':'none', 'visibility':'visible'}).fadeIn("slow");
	
}

$().mousemove(function(e){
	mouseX = e.pageX;
	mouseY = e.pageY;
});

$(function() {
	$('body')
		.mousewheel(function(event, delta) {
			if (delta > 0) {scrollLeft(100);  }
			else {scrollRight(100); }
				
		});
});

$(document).unbind('keypress'); $(window).keydown(function(event){
	if (event.keyCode == 39 || event.keyCode == 40) scrollRight(400);
	if (event.keyCode == 37 || event.keyCode == 38) scrollLeft(400);
});

$(window).bind('resize', function() { alignVertical(); });

$(window).ready(function() {

	$("img").onImagesLoaded({onComplete:showPage});	

});


//GOOGLE ANAL

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

try {
	var pageTracker = _gat._getTracker("UA-12123704-1");
	pageTracker._setDomainName(".coca-design.com");
	pageTracker._trackPageview();
} catch(err) {}