var arrBurza = ["zb", "sb", "bb", "ma", "bl", "mo", "si", "ua"];
var indx = [2, 2, 2, 2, 2, 2, 2, 2];
var arrFx = [];
var burzaFx = [];

var sirinaDiv = 220;
var visinaDiv = 170;
var sirinaDiv2 = 230;

window.addEvent("domready", function(){

    if($("v_wrapper")){
    
        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});
		}
		
		$$("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+sirinaDiv]
					});
					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-sirinaDiv]
					});
					indx[res]++;
				}
			})
		})
	}
});