var Dom = YAHOO.util.Dom;
var Anim = YAHOO.util.Anim;
var Ev = YAHOO.util.Event;

	// nacteni obrazku do cache
		var homapageLowerBannersArray = homepageLowerBanners.split(";")

		var lowerBannerPics = {}
		for (i=0; i<homapageLowerBannersArray.length; i++){
			if (homapageLowerBannersArray[i].indexOf(jazykovaMutace)==0){
				var rootName = homapageLowerBannersArray[i].replace('.jpg','')
				lowerBannerPics[rootName]= new Image(640,223); 
				lowerBannerPics[rootName].className = rootName
				lowerBannerPics[rootName].src="http://"+window.location.hostname+"/images/content/homepage/banners-lower/"+homapageLowerBannersArray[i];
			}
		}
	
	// for locknuti cudliku
		var homepageLowerTweening = false;
		
	// pri vyberu se provede deselect na vsech cudlicich
		function unactiveallHomeLowerBannersPaginatorLinks(){
			var homeBannersPaginatorLinks = Dom.getElementsByClassName('home-lowerbanners-paginator-link');
			for (var bz=0;bz<homeBannersPaginatorLinks.length;bz++){
				Dom.setStyle(Dom.getLastChild(homeBannersPaginatorLinks[bz]), 'display', 'none')
			}

			Dom.removeClass(homeBannersPaginatorLinks, 'active')
		}
		
	// rodeo
		function moveLowerBanner(e, portLink){
				
				if (e){
					Ev.stopEvent(e);	
				}			
			
			if (homepageLowerTweening == false && !Dom.hasClass(portLink, 'active')){
				
				unactiveallHomeLowerBannersPaginatorLinks();
				Dom.addClass(portLink, 'active');
				Dom.setStyle(Dom.getLastChild(portLink), 'display', 'block');
				homepageLowerTweening = true;
				var topLayer = Dom.get('low-pic-frame-layertop');
				var lowLayer = Dom.get('low-pic-frame-layerlow');
				
				// ... 
				if (Dom.getFirstChild(lowLayer)){
					lowLayer.removeChild(Dom.getFirstChild(lowLayer));				
				}
				
				if (!Dom.getFirstChild(topLayer)){
					var loadImg = new Image(640,223); 
					loadImg.src="http://"+window.location.hostname+"/images/content/homepage/banners-lower/loading.jpg";
					topLayer.appendChild( loadImg );
				}
				
				var attributes = {
					opacity : {
						to : 0.0
					}
				}
				topLayer.style.display="block";
				var animation = new Anim(topLayer,attributes,0.5,YAHOO.util.Easing.easeOut);
				animation.onComplete.subscribe( function(){ homepageLowerTweening = false;topLayer.style.display="none"; } );

				var outGoingLink 		= document.createElement('a');

				Dom.setStyle(topLayer,'opacity',1.0);
				
				lowLayer.appendChild(outGoingLink);
				
				outGoingLink.appendChild(lowerBannerPics[portLink.id]);

				outGoingLink.href 		= portLink.href;
				outGoingLink.className 	= portLink.id;
				
				animation.animate();
			}
		}
	
	// houvrovani
		function homeLowerBannersPaginatorLinkHover(e, data){
			Ev.stopEvent(e);
			if (!Dom.hasClass(data.bannerLink,'active')){
				if (data.action=="over"){
					
					Dom.setStyle(Dom.getLastChild(data.bannerLink), 'display', 'block')

				} else {
					
					Dom.setStyle(Dom.getLastChild(data.bannerLink), 'display', 'none')

				}
			}
		}
		
	// cyklus changovani banneru
		function lowerCycle(){
			
			var homeLowerBannersPaginatorLinks = Dom.getElementsByClassName('home-lowerbanners-paginator-link');
			var activeFrame = Dom.getFirstChild(Dom.get('low-pic-frame-layerlow')).className
			for (var i=0; i<homeLowerBannersPaginatorLinks.length; i++){
				if (homeLowerBannersPaginatorLinks[i].id == activeFrame){
					var activeIndex = i
				}
			}
			if ((activeIndex+1)>(homeLowerBannersPaginatorLinks.length-1)){
				activeIndex = 0;
			} else {
				activeIndex++
			}
			moveLowerBanner(null,homeLowerBannersPaginatorLinks[activeIndex])
		}
		
	// init	
		function homepageLowerBannersInit() {
			var lowerCycler = YAHOO.lang.later( 3000 , null , lowerCycle , null , 5000 );
			var homeLowerBannersPaginatorLinks = Dom.getElementsByClassName('home-lowerbanners-paginator-link');
			
			for (var i=0; i<homeLowerBannersPaginatorLinks.length; i++){
				
				if ( Dom.hasClass(homeLowerBannersPaginatorLinks[i],'active') ) {

					Dom.setStyle( Dom.getLastChild(homeLowerBannersPaginatorLinks[i]) , 'display', 'block')
				} 
				
				
				Ev.addListener(homeLowerBannersPaginatorLinks[i], 'mouseover', homeLowerBannersPaginatorLinkHover, {'bannerLink':homeLowerBannersPaginatorLinks[i],'action':'over'})
				Ev.addListener(homeLowerBannersPaginatorLinks[i], 'mouseout', homeLowerBannersPaginatorLinkHover, {'bannerLink':homeLowerBannersPaginatorLinks[i],'action':'out'})
				Ev.addListener(homeLowerBannersPaginatorLinks[i], 'click', moveLowerBanner, homeLowerBannersPaginatorLinks[i])
				Ev.addListener(homeLowerBannersPaginatorLinks[i], 'click', function(){lowerCycler.cancel()})
			}
			
		}

Ev.onDOMReady(homepageLowerBannersInit);


