var dx = 621;
var time_period = 5000;
var galleryPos = 0;
var rc;
var periodicalID;
var start = 1;
var children;
var total = 0;
var imgArray
var lnkArray
var ii = 1;



var galleryPos2 = 0;
var start2 = 1;
var dx2 = 100;
var total2 = 0;


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

    if ($("rotator-container")) {
    	$("rotator-container").set("style", "visibility: hidden; width: 10000px;");
    	
		//imgArray = ['https://rod2.c-a.hr:8443/sitepreview/http/americandonut.hr/r/i/banner1.jpg','https://rod2.c-a.hr:8443/sitepreview/http/americandonut.hr/r/i/banner2.jpg','https://rod2.c-a.hr:8443/sitepreview/http/americandonut.hr/r/i/banner3.jpg'];
        //lnkArray = ['#', 'https://rod2.c-a.hr:8443/sitepreview/http/americandonut.hr/content/muffini', 'https://rod2.c-a.hr:8443/sitepreview/http/americandonut.hr/content/topli'];
	    
		arrSlike = Asset.images(imgArray, {
	        onComplete: function(){
	            for(i=0;i<imgArray.length;i++) {
	                var el = new Element('img', {
	                    'src': imgArray[i]
	                });
	                el.inject($('pos'+i));
	                $("rotator-container").set("style", "visibility: visible; width: 10000px;");
	            }
            	rc = $("rotator-container");
    			startPeriodical();
	        }
	    });
    
    }

    new Fx.Accordion($('nav'), '#nav p.toggler', '#nav div.collapse', {display: -1, show: -1, alwaysHide: true});
    
    var tipz = new Tips('.tooltip',{
        className: 'tooltip',
        hideDelay: 50,
        showDelay: 50
    });
    
    
    
    
    
    
    // thumb slike:
    if ($("rotator-container2")) {
        rc2 = $("rotator-container2");
        $$("a.aaa").each(function(el){
            el.addEvents({
                "click" : function() {
                    if (el.get("rel") == "lleft.png") {
                        // left button:
                        if (start2 > 1) {
                            galleryPos2 += dx2;
                            rc2.tween('margin-left',  galleryPos2+"px");
                            start2 -= 1;
                        }
                    } else {
                        // right button:
                        if (start2 < total2) {
                            galleryPos2 -= dx2;
                            rc2.tween('margin-left',  galleryPos2+"px");
                            start2 += 1;
                        }
                    }
                }
            });
        });
    }
    
    
    $$("a.aaaa").each(function(el){
    	el.addEvents({
    		"click" : function() {
    			alert(1);
    		}
    	});
    });
    

})


function animateRotator() {
	if (ii == total) ii = 0;
	
    if (start < total) {
        galleryPos -= dx;
        rc.tween('margin-left',  galleryPos+"px");
        start += 1;
    } else {
        start = 1
        galleryPos = 0;
        rc.tween('margin-left',  galleryPos+"px");
    }
    ii++;
}

function startPeriodical() {
	
	periodicalID = animateRotator.periodical(time_period);
	$("rotator-container").addEvents({
		"click" : function () {
	        location.href = lnkArray[ii-1];
		}	
	})
}

function pausePeriodical() {
	$clear(periodicalID);
}