var arrBurza = ["zb", "sb", "bb"];
var arrFx = [];
var burzaFx = [];
var indx = [2, 2, 2];
var burza_indx = 0;

window.addEvent("domready", function(){
	
	animLogo();
	animStupici();

	for(var i=0;i<arrBurza.length;i++){
		arrFx[i] = new Fx.Styles($(arrBurza[i] + "_burza_wrapper"), {duration:500, wait:false, transition:Fx.Transitions.Quad.easeInOut});
	}
	
	
	//var burza_wrapperFx = new Fx.Styles($("zb_burza_wrapper"), {duration:500, wait:false, transition:Fx.Transitions.Quad.easeInOut});
	
	
	$$("img.nav_arrow_left").each(function(el){
		el.setStyle("cursor", "pointer");
		el.addEvent("click", function(e){
			var res = el.getProperty("res");			
			if (indx[res]>1){
				var tmpX = parseInt($(arrBurza[res] + "_burza_wrapper").getStyle("margin-left").replace("px",""));
				arrFx[res].start({
					"margin-left": [tmpX, tmpX+220]
				});
				indx[res]--;
			}
		})
	})
	
	$$("img.nav_arrow_right").each(function(el){	
		el.setStyle("cursor", "pointer");
		el.addEvent("click", function(e){
			var res = el.getProperty("res");		
			if (indx[res]<3){
				var tmpX = parseInt($(arrBurza[res] + "_burza_wrapper").getStyle("margin-left").replace("px",""));
				arrFx[res].start({
					"margin-left": [tmpX, tmpX-220]
				});
				indx[res]++;
			}
		})
	})
	
	//v_wrapper
	var v_wrapperFx = new Fx.Styles($("v_wrapper"), {duration:1000, wait:false, transition:Fx.Transitions.Quad.easeInOut});
	
	
	
	$$("img.go_left").each(function(el){
		el.setStyle("cursor", "pointer");
		el.addEvent("click", function(el){
			//console.log(burza_indx);
			if (burza_indx>0){
				var tmpX = parseInt($("v_wrapper").getStyle("margin-left").replace("px",""));
				v_wrapperFx.start({
					"margin-left": [tmpX, tmpX+220]
				});
				burza_indx--;
				hideBurza(0,-170);
				
			}
		})
	})
	
	$$("img.go_right").each(function(el){
		el.setStyle("cursor", "pointer");
		el.addEvent("click", function(el){
			if (burza_indx<2){
				var tmpX = parseInt($("v_wrapper").getStyle("margin-left").replace("px",""));
				v_wrapperFx.start({
					"margin-left": [tmpX, tmpX-220]
				});
				burza_indx++;
				hideBurza(0,-170);
			}
		})
	})


});

var hideBurza = function(fromVal, toVal){
	for(var i=0;i<arrBurza.length;i++){
		if($(arrBurza[i] + "_burza_wrapper").getProperty("res")== "visible"){
			//console.log("Skrivam : " + arrBurza[i] + " Pokazujem : " + arrBurza[burza_indx] + " " + $(arrBurza[burza_indx] + "_burza_wrapper").getProperty("res"));
			
			$(arrBurza[i] + "_burza_wrapper").setProperty("res", "hidden");
			arrFx[i].start({"margin-top":[fromVal, toVal]}).chain(function(){
				$(arrBurza[burza_indx] + "_burza_wrapper").setStyles({display:"block", "margin-top":"-170px"}).setProperty("res", "visible");
				this.element.setStyle("display", "none");
				arrFx[burza_indx].start({"margin-top":[-170, 0]});										
			},this);
		}
		else{
			//console.log("Preskacem " + arrBurza[i]);
		}
	}
}


var animStupici = function(){
	$("stupici").setStyle("padding-top", "120px");
	$("stupici_sjena").setStyles({"top" : "-90px"});
	var stupiciFx = new Fx.Styles($("stupici"), {duration:5000, wait:false, transition:Fx.Transitions.Quad.easeInOut});
	var stupici_sjenaFx = new Fx.Styles($("stupici_sjena"), {duration:5000, wait:false, transition:Fx.Transitions.Quad.easeInOut});
	stupiciFx.start({
		'padding-top':[120,0]
	});
	stupici_sjenaFx.start({
		'top':[-50,0]
	});
}

var animLogo = function(){
	$("logo").setStyle("padding-top", "120px");
	$("logo_sjena").setStyles({"top" : "-30px"});
	var logoFx = new Fx.Styles($("logo"), {duration:3000, wait:false, transition:Fx.Transitions.Quad.easeInOut});
	var logo_sjenaFx = new Fx.Styles($("logo_sjena"), {duration:3000, wait:false, transition:Fx.Transitions.Quad.easeInOut});
	logoFx.start({
		'padding-top':[120,0]
	});
	logo_sjenaFx.start({
		'top':[-30,0]
	});
}