// JavaScript Document
var theWidth, theHeight, steps, ratio;

var int;

var i = 0;
var j = 0;

function dimensions() {
	if (window.innerWidth) {
		theWidth=window.innerWidth;
	}
	else if (document.documentElement && document.documentElement.clientWidth) {
		theWidth=document.documentElement.clientWidth;
	}
	else if (document.body) {
		theWidth=document.body.clientWidth;
	}
	if (window.innerHeight) {
		theHeight=window.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientHeight) {
		theHeight=document.documentElement.clientHeight;
	}
	else if (document.body) {
		theHeight=document.body.clientHeight;
	}
	steps = 10172 - theWidth;
	ratio = steps/(theWidth-168);
}

function ustaw() {
	dimensions();
	document.getElementById("loader").style.marginTop = (theHeight-206)/2 + "px";
	document.getElementById("main").style.height = theHeight + "px";
	document.getElementById("site").style.marginTop = (theHeight-1200)/2 + "px";
	document.getElementById("left").style.marginTop = (theHeight-63)/2-30 + "px";
	document.getElementById("right").style.marginTop = (theHeight-63)/2-30 + "px";
	document.getElementById("right").style.marginLeft = theWidth - 83 + "px";
	document.getElementById("footer").style.marginTop = -(theHeight-1200)/2 + theHeight-122 + "px";
	document.getElementById("bg").style.marginTop = (theHeight-1200)/2 + "px";		
	document.getElementById("parallax").style.marginTop = (theHeight-1200)/2 + "px";		
	strzalki();
}

function strzalki() {
	if($("scrollbarslider").getPosition().x<=1){
		document.getElementById("left").style.display = 'none';
	}
	else {
		document.getElementById("left").style.display = 'block';
	}	
	if($("scrollbarslider").getPosition().x+169==theWidth){
		//alert($("scrollbarslider").getPosition().x+169);
		//alert(theWidth);
		document.getElementById("right").style.display = 'none';
	}
	else {
		document.getElementById("right").style.display = 'block';
	}
}

function positionIt (){
	ustaw();
	var myProducts = new ScrollBar('main', 'bar', 'scrollbarslider', {
		scroll: {
			duration: 1500,
			transition: Fx.Transitions.Quad.easeInOut,
			onStart: function(){
			},
			onComplete: function(){
				strzalki();
			}
		},
		slider: {
			offset: -1,
			onChange: function(pos){
				strzalki();
			},
			onComplete: function(pos){								
			}
		},
		scrollbarslider: {
			duration: 1200,
			transition: Fx.Transitions.Quad.easeInOut,
			onStart: function(){
			}
		}
	});
			
	var x = new Array;
	var width = new Array;
	
	var products = $$('.page');
	x[1] = products[1].getPosition().x;	
	x[2] = products[2].getPosition().x;	
	x[3] = products[3].getPosition().x;	
	x[4] = products[4].getPosition().x;
	x[5] = products[5].getPosition().x;
	x[6] = products[6].getPosition().x;	
	x[7] = products[7].getPosition().x;
	
	width[1] = products[1].getSize().x;
	width[2] = products[2].getSize().x;	
	width[3] = products[3].getSize().x;	
	width[4] = products[4].getSize().x;
	width[5] = products[5].getSize().x;
	width[6] = products[6].getSize().x;	
	width[7] = products[7].getSize().x;
	
	document.id('right').addEvent('click', function(){ 												

		if($("scrollbarslider").getPosition().x < Math.round((x[1]-(theWidth-width[1])/2)/ratio)) {
			i=1;
			myProducts.set((x[i]-(theWidth-width[i])/2)/ratio);
		}
		if(($("scrollbarslider").getPosition().x >= Math.round((x[1]-(theWidth-width[1])/2)/ratio))&&($("scrollbarslider").getPosition().x < Math.round((x[2]-(theWidth-width[2])/2)/ratio))) {
			i=2;
			myProducts.set((x[i]-(theWidth-width[i])/2)/ratio);
		}
		if(($("scrollbarslider").getPosition().x >= Math.round((x[2]-(theWidth-width[2])/2)/ratio))&&($("scrollbarslider").getPosition().x < Math.round((x[3]-(theWidth-width[3])/2)/ratio))) {
			i=3;
			myProducts.set((x[i]-(theWidth-width[i])/2)/ratio);
		}
		if(($("scrollbarslider").getPosition().x >= Math.round((x[3]-(theWidth-width[3])/2)/ratio))&&($("scrollbarslider").getPosition().x < Math.round((x[4]-(theWidth-width[4])/2)/ratio))) {
			i=4;
			myProducts.set((x[i]-(theWidth-width[i])/2)/ratio);
		}
		if(($("scrollbarslider").getPosition().x >= Math.round((x[4]-(theWidth-width[4])/2)/ratio))&&($("scrollbarslider").getPosition().x < Math.round((x[5]-(theWidth-width[5])/2)/ratio))) {
			i=5;
			myProducts.set((x[i]-(theWidth-width[i])/2)/ratio);
		}
		if(($("scrollbarslider").getPosition().x >= Math.round((x[5]-(theWidth-width[5])/2)/ratio))&&($("scrollbarslider").getPosition().x < Math.round((x[6]-(theWidth-width[6])/2)/ratio))) {
			i=6;
			myProducts.set((x[i]-(theWidth-width[i])/2)/ratio);
		}
		if(($("scrollbarslider").getPosition().x >= Math.round((x[6]-(theWidth-width[6])/2)/ratio))&&($("scrollbarslider").getPosition().x < Math.round((x[7]-(theWidth-width[7])/2)/ratio))) {
			i=7;
			myProducts.set((x[i]-(theWidth-width[i])/2)/ratio);
		}
		if($("scrollbarslider").getPosition().x >= Math.round((x[7]-(theWidth-width[7])/2)/ratio)) {
			myProducts.set(theWidth-168);
		}
	});
	
	document.id('left').addEvent('click', function(){ 
	
		if($("scrollbarslider").getPosition().x <= Math.round((x[1]-(theWidth-width[1])/2)/ratio)) {
			myProducts.set(0); 
		}
		if(($("scrollbarslider").getPosition().x > Math.round((x[1]-(theWidth-width[1])/2)/ratio))&&($("scrollbarslider").getPosition().x <= Math.round((x[2]-(theWidth-width[2])/2)/ratio))) {
			i=1;
			myProducts.set((x[i]-(theWidth-width[i])/2)/ratio);
		}
		if(($("scrollbarslider").getPosition().x > Math.round((x[2]-(theWidth-width[2])/2)/ratio))&&($("scrollbarslider").getPosition().x <= Math.round((x[3]-(theWidth-width[3])/2)/ratio))) {
			i=2;
			myProducts.set((x[i]-(theWidth-width[i])/2)/ratio);
		}
		if(($("scrollbarslider").getPosition().x > Math.round((x[3]-(theWidth-width[3])/2)/ratio))&&($("scrollbarslider").getPosition().x <= Math.round((x[4]-(theWidth-width[4])/2)/ratio))) {
			i=3;
			myProducts.set((x[i]-(theWidth-width[i])/2)/ratio);
		}
		if(($("scrollbarslider").getPosition().x > Math.round((x[4]-(theWidth-width[4])/2)/ratio))&&($("scrollbarslider").getPosition().x <= Math.round((x[5]-(theWidth-width[5])/2)/ratio))) {
			i=4;
			myProducts.set((x[i]-(theWidth-width[i])/2)/ratio);
		}
		if(($("scrollbarslider").getPosition().x > Math.round((x[5]-(theWidth-width[5])/2)/ratio))&&($("scrollbarslider").getPosition().x <= Math.round((x[6]-(theWidth-width[6])/2)/ratio))) {
			i=5;
			myProducts.set((x[i]-(theWidth-width[i])/2)/ratio);
		}
				if(($("scrollbarslider").getPosition().x > Math.round((x[6]-(theWidth-width[6])/2)/ratio))&&($("scrollbarslider").getPosition().x <= Math.round((x[7]-(theWidth-width[7])/2)/ratio))) {
			i=6;
			myProducts.set((x[i]-(theWidth-width[i])/2)/ratio);
		}
		if($("scrollbarslider").getPosition().x > Math.round((x[7]-(theWidth-width[7])/2)/ratio)) {
			i=7;
			myProducts.set((x[i]-(theWidth-width[i])/2)/ratio);
		}
	});	
	
	document.id('go_01').addEvent('click', function(){
		i=1;
		myProducts.set((x[i]-(theWidth-width[i])/2)/ratio);											
	});
	document.id('go_02').addEvent('click', function(){
		i=2;
		myProducts.set((x[i]-(theWidth-width[i])/2)/ratio);											
	});
	document.id('go_03').addEvent('click', function(){
		i=3;
		myProducts.set((x[i]-(theWidth-width[i])/2)/ratio);											
	});
	document.id('go_04').addEvent('click', function(){
		i=4;
		myProducts.set((x[i]-(theWidth-width[i])/2)/ratio);											
	});
	document.id('go_05').addEvent('click', function(){
		i=5;
		myProducts.set((x[i]-(theWidth-width[i])/2)/ratio);											
	});
	document.id('go_06').addEvent('click', function(){
		i=6;
		myProducts.set((x[i]-(theWidth-width[i])/2)/ratio);											
	});
		document.id('go_07').addEvent('click', function(){
		i=7;
		myProducts.set((x[i]-(theWidth-width[i])/2)/ratio);											
	});
	

	
	document.id('branding').addEvent('click', function(){
		myProducts.set(0);									
	});
}