var cnt = 0;
var index = 0;
var strelicaleft = 0;
var strelicaright = 0;
var cnt2 = 0;
var index2 = 0;
var top5fx = [];
var top5fx2 = [];
var bot5fx = [];
var per;
var per2;

window.addEvent("domready", function(){	
	
	if ($("prijava1")) {
		new FormCheck('prijava1', {
		display : {
			errorsLocation : 1,
			indicateErrors : 1,
			showErrors : 0
			}
		});
	}
	
	if ($("prijava2")) {
		new FormCheck('prijava2', {
		display : {
			errorsLocation : 1,
			indicateErrors : 1,
			showErrors : 0
			}
		});
	}
	
	if ($("bigImageRotator")){
	    $$("div.rotatorSlide").each(function(el, index){
	        if(el.getStyle("display")=="none"){
	            el.setStyles({"display": "block", "opacity": "0"});
	        }
	        if(index==0) el.setStyles({"display": "block", "opacity": "1"});
	        top5fx.push(new Fx.Tween(el, {duration:750, wait:false}));
	    })
	    
	    
	    $$("a.clickable").each(function(el, index){
	    
	        bot5fx.push(new Fx.Tween(el, {duration:750, wait:false}));
	        el.setStyle("cursor","pointer");
	        el.setProperty("res", index);
	         
	        el.addEvents({
	            "click":function(){
	                $clear(per);
	              
	               $$("a.active").each(function(ele){
	                 ele.removeClass("active");
	               });
	                
	                el.addClass("active");
	                $$("div.rotatorSlide").each(function(el, index){
	                    if(el.getStyle("opacity")!=0) {
	                        top5fx[index].start('opacity', 0);
	                    }
	                });		
	                			
	                top5fx[el.getProperty("res")].start('opacity', 1);	
	                
	                cnt=index;
	                per = fx.periodical(5000);
	            }
	        })
	    })
	    
	   if ($$("div.rotatorSlide").length>1)  per = fx.periodical(5000);
	}
	


	if ($("ponudaRotator")){
	    $$("div.ponudaSlide").each(function(el, index2){
	        if(el.getStyle("display")=="none"){
	            el.setStyles({"display": "block", "opacity": "0"});
	        }
	        if(index2==0) el.setStyles({"display": "block", "opacity": "1"});
	        top5fx2.push(new Fx.Tween(el, {duration:750, wait:false}));
	    })
	    
	    $('strleft').setStyle("cursor","pointer");
	    $('strright').setStyle("cursor","pointer");
	    $('strleft').setProperty("rel",  $$("div.ponudaSlide").length-1);
	   
	    
	    $('strleft').addEvents({
            "click":function(){
                $clear(per2);
              
                $$("div.ponudaSlide").each(function(el, index2){
                    if(el.getStyle("opacity")!=0) {
                        top5fx2[index2].start('opacity', 0);
                    }
                });		
                			
                top5fx2[$('strleft').getProperty("rel")].start('opacity', 1);	
                var indx=$('strleft').getProperty("rel").toInt();
                
                strelicerel(indx);
                cnt2=index2;

            }
        })
        
         $('strright').addEvents({
            "click":function(){
                $clear(per2);
              
                $$("div.ponudaSlide").each(function(el, index2){
                    if(el.getStyle("opacity")!=0) {
                        top5fx2[index2].start('opacity', 0);
                    }
                });		
                			
                top5fx2[$('strright').getProperty("rel")].start('opacity', 1);	
                var indx=$('strright').getProperty("rel").toInt();
                
                strelicerel(indx)
                
               
                cnt2=index2;
            }
        })
	    
	    per2 = fx2.periodical(5000);
	}
	
	$$('input.DatePicker').each( function(el){
		 new DatePicker(el, {
			 pickerClass: 'datepicker_vista',
			 format: 'd.m.Y',
			 inputOutputFormat: 'd.m.Y',
			 yearPicker: false,
			 timePicker: false,
			 allowEmpty: true
		 });
	 });
	
	$$('input.TimePicker').each( function(el){
	   new DatePicker(el, {
	       pickerClass: 'datepicker_vista',
	       format: 'H:i',
	       inputOutputFormat: 'H:i',
	       timePickerOnly: true,
	       allowEmpty: true
	   });
	
	});
	 
	if ($("formaprijava")) {
		new FormCheck('formaprijava', {
		display : {
			errorsLocation : 1,
			indicateErrors : 2,
			showErrors : 0
			}
		});
	}
	
	
})


function strelicerel(x){
	 if (x==0){
    	strelicaleft=top5fx2.length-1;
    	strelicaright=1;
    }else if (x==top5fx2.length-1) {
    	strelicaleft=x-1;
    	strelicaright=0;
    }else{
    	strelicaleft=x-1;
    	strelicaright=x+1;
    }
    $('strleft').setProperty("rel", strelicaleft);
    $('strright').setProperty("rel", strelicaright);          
}

function fx(){
    cnt++;
    if (cnt==top5fx.length) cnt = 0;
    top5fx[cnt].start('opacity', 1);
   
    $$("a.active").each(function (el){
        el.removeClass("active");
    })
    $$("a.clickable")[cnt].addClass("active");
    $$("div.rotatorSlide").each(function(el, indx){
        if(el.getStyle("opacity")!=0){
            top5fx[indx].start('opacity', 0);
        }
    })
}

function fx2(){
    cnt2++;
    if (cnt2==top5fx2.length) cnt2 = 0;
    top5fx2[cnt2].start('opacity', 1);
   
    $$("div.ponudaSlide").each(function(el, indx){
        if(el.getStyle("opacity")!=0){
            top5fx2[indx].start('opacity', 0);
            strelicerel(cnt2);
        }
    })
}

function showdiv(el){
	$$("div.vrstadiv").each(function(ele){
        ele.setStyle('display', 'none');
    })
    $(el).setStyle('display', 'block');  
    
}