var dx = 884;
var time_period = 4000;
var galleryPos = 0;
var rc;
var periodicalID;
var start = 1;
var children;
var total = 8;


window.addEvent("domready",function() {
    if ($("rotator-container")) {
        rc = $("rotator-container");
        $$("img.arrow").each(function(el){
            el.addEvents({
                "click" : function() {
                    if (el.src.indexOf("left.gif") > 0) {
                        // left button:
                        if (start > 1) {
                            pausePeriodical();
                            galleryPos += dx;
                            rc.tween('margin-left',  galleryPos+"px");
                            start -= 1;
                        }
                    } else {
                        // right button:
                        if (start < total) {
                            pausePeriodical();
                            galleryPos -= dx;
                            rc.tween('margin-left',  galleryPos+"px");
                            start += 1;
                        }
                    }
                }
            })
        })
        
        startPeriodical();
    }
    var Tips1 = new Tips($$('.Tips1'));
    
    
    
    
    
	if ($("bannerMoo")) {
    	var mySlide = new Fx.Slide('bannerMoo');
    	mySlide.slideOut()
    }
    
    
    if ($("slideout")) {
    	$('slideout').addEvent('click', function(e){
    	e = new Event(e);
    	mySlide.slideOut();
    	e.stop();
    	});
	}
	
	
    function faza1() {
        if ($("bannerMoo")) {
            $("bannerMoo").setStyle("display", "block");
            mySlide.slideIn()
            setTimeout(faza2, 200000);
        }
    }
    
    
    function faza2() {
        mySlide.slideOut()
    }
    setTimeout(faza1, 2000);
    
    
    
    
    
    

})


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



function startPeriodical() {
	periodicalID = animateRotator.periodical(time_period);
}

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