var periodicalID;
var periodicalID2;
var time_out = 5000;
var time_out2 = 1000;

var time_out3 = 3000;
var time_out4 = 500;


var total_elements = 0;
var total_elements2 = 0;
var op = "0";
var op2 = "0";

window.addEvent('domready', function(){
    if ($("frmContact")) {
    	new FormCheck('frmContact', {
    		display : {
    			errorsLocation : 1,
    			indicateErrors : 2,
    			showErrors : 1
    		}
    	});
    }    
    if ($("rotator")) { // tekstovi sa desne strane
    	calcTotal();
        periodicalID = animateRotator.periodical(time_out);
    }
    
    if ($("rotator2")) { // slike rotirajuce
    	calcTotal2();
        periodicalID2 = animateRotator2.periodical(time_out3);
    }
    
    if ($("slider-container")) {
		var imgArray = ['UserDocsImages/01.jpg','UserDocsImages/02.jpg','UserDocsImages/03.jpg','UserDocsImages/04.jpg','UserDocsImages/05.jpg','UserDocsImages/06.jpg','UserDocsImages/07.jpg'];
		mooCarousel(imgArray, $("slider-container"), "slider-item", 25);
	}
	
	if ($("slider-container2")) {
		var imgArray2 = ['UserDocsImages/20v.jpg','UserDocsImages/19v.jpg','UserDocsImages/18v.jpg','UserDocsImages/17v.jpg','UserDocsImages/16v.jpg','UserDocsImages/15v.jpg','UserDocsImages/14v.jpg','UserDocsImages/13v.jpg','UserDocsImages/12v.jpg','UserDocsImages/11v.jpg','UserDocsImages/10v.jpg','UserDocsImages/09v.jpg','UserDocsImages/08v.jpg','UserDocsImages/07v.jpg','UserDocsImages/06v.jpg','UserDocsImages/05v.jpg','UserDocsImages/04v.jpg','UserDocsImages/03v.jpg','UserDocsImages/02v.jpg','UserDocsImages/01v.jpg'];
		mooCarousel(imgArray2, $("slider-container2"), "slider-item", 15);
  	}
		  
    
    
});


function calcTotal() {
    total_elements = 0;
    $$(".rotator-item").each(function(el){
        total_elements ++;
    })
    //console.log("total_elements: " + total_elements);
}


function calcTotal2() {
    total_elements2 = 0;
    $$(".rotator-item2").each(function(el){
        total_elements2 ++;
    })
    //console.log("total_elements: " + total_elements);
}

function showDelayed() {
    $$(".rotator-item").each(function(el){
    	el.set('opacity', "1");
	})
    $clear(periodicalID);
}

function showDelayed2() {
    $$(".rotator-item2").each(function(el){
    	el.set('opacity', "1");
	})
    $clear(periodicalID2);
}


function animateRotator() {
    if (total_elements == 1) {
        op = "1";
        calcTotal();
        periodicalID = showDelayed.periodical(time_out2);
    } else {
        op = "0";
    }

    $$(".rotator-item")[total_elements-1].set('tween',  {duration: time_out2, transition: 'linear'});
    $$(".rotator-item")[total_elements-1].tween('opacity',  op);
    if (op!="1") total_elements --;
}


function animateRotator2() {
    if (total_elements2 == 1) {
        op2 = "1";
        calcTotal2();
        periodicalID2 = showDelayed2.periodical(time_out4);
    } else {
        op2 = "0";
    }

    $$(".rotator-item2")[total_elements2-1].set('tween',  {duration: time_out4, transition: 'linear'});
    $$(".rotator-item2")[total_elements2-1].tween('opacity',  op2);
    if (op2!="1") total_elements2 --;
}



	function mooCarousel(imgArray, slider_container, slider_item_class_name, speed) {
		var total_images = 0;
		var total_images_width = 0;
		var margin_left = 0;
		var start = 0;
		var total_images_loaded = 0;
		var arrSlike;
		
        arrSlike = Asset.images(imgArray, {
            onComplete: function(){
    			var b = true;
				
    			for(var i = 0;i<imgArray.length;i++) {
    				if (b) total_images_width += arrSlike[i].width;
    				var d = new Element('div', {'class':slider_item_class_name});
    				arrSlike[i].inject(d);
    				d.inject(slider_container, "bottom");
    			}
				
				// ako ima "malo" slika, osiguraj da se dovoljan broj puta multipliciraju u kontejner:
				for(var n = 0;n<(Math.ceil((slider_container.getParent().getWidth() * 2) / total_images_width));n++){
					for(var i = 0;i<imgArray.length;i++){
						slider_container.getChildren('.'+slider_item_class_name)[i].clone().inject(slider_container,'bottom');
					}
				}
				
				var slide = function() {  
					margin_left ++;
					start++;
					if (start >= total_images_width) {
						margin_left = margin_left - total_images_width;
						start = 0;
					}
					slider_container.setStyle("margin-left" , "-"+(margin_left)+"px");
				}.periodical(speed);
				
            }
        });
                           
    }