var Dom = YAHOO.util.Dom;
var Anim = YAHOO.util.Anim;
var Ev = YAHOO.util.Event;



var homapageBannersArray = homapageBanners.split(";")
var pic = {}
for (i=0; i<homapageBannersArray.length; i++){
	if (homapageBannersArray[i].indexOf(jazykovaMutace)>0){
		var imgApl = homapageBannersArray[i].replace('.jpg','')
		pic[imgApl]= new Image(975,412); 
		pic[imgApl].alt = imgApl;
		pic[imgApl].src="http://"+window.location.hostname+"/images/content/homepage/banners/"+homapageBannersArray[i];		
	}
}


var homepageTweening = false;
var activeSubmenuElem;

	function unactiveallHomeBannersPaginatorLinks(){
		var homeBannersPaginatorLinks = Dom.getElementsByClassName('home-banners-paginator-link');
		for (var i=0; i<homeBannersPaginatorLinks.length; i++){
			Dom.removeClass(Dom.getLastChild(homeBannersPaginatorLinks[i]), 'active') 
			Dom.setStyle(Dom.getLastChild(homeBannersPaginatorLinks[i]), 'opacity', 0.5)
		}
	}

	function moveBanner(e, portLink){

			if (!e.id){
				Ev.stopEvent(e);	
			} else {
				portLink = e;
			}			
		
		if (homepageTweening == false && !Dom.hasClass(Dom.getLastChild(portLink), 'active')){
			
			unactiveallHomeBannersPaginatorLinks();
			Dom.addClass(Dom.getLastChild(portLink), 'active')
			Dom.setStyle(Dom.getLastChild(portLink), 'opacity', 0.0)
			homepageTweening = true;
			
			var topLayer = Dom.get('top-pic-frame-layertop');
			var lowLayer = Dom.get('top-pic-frame-layerlow');
			var bannerLink = Dom.get('homeBannerLink');
			
			/* cumooooon */

			Dom.setStyle(Dom.get('homeBannerLink'),'display', 'block')
			
			if (Dom.getFirstChild(lowLayer)){
				lowLayer.removeChild(Dom.getFirstChild(lowLayer))				
			}
			lowLayer.appendChild(pic[portLink.id])

			
			bannerLink.href = portLink.href;
			
			var attributes = {
				opacity : {
					to : 0.0
				}
			}
			
			var animation = new Anim(topLayer,attributes,0.5,YAHOO.util.Easing.easeOut);
			animation.onComplete.subscribe(
										   function(){

											    Dom.setStyle(topLayer,'opacity',1.0)
												topLayer.removeChild(Dom.getFirstChild(topLayer))
												topLayer.appendChild(pic[portLink.id])

												homepageTweening = false;
											   }, topLayer, lowLayer, portLink, portLink.id
										   )
			animation.animate();
			
		}
	}

	function homeBannersPaginatorLinkHover(e, data){
		Ev.stopEvent(e);
		if (!Dom.hasClass(data.span,'active')){
			if (data.action=="over"){
				var attributes = {
					opacity : {
						to : 0.0
					}
				}
				
			} else {
				var attributes = {
					opacity : {
						to : 0.5
					}
				}
			}
			
			var animation = new Anim(data.span,attributes,0.3,YAHOO.util.Easing.easeOut);
			animation.animate();
		}
	}
	

	function cycle(){
		
		var homeBannersPaginatorLinks = Dom.getElementsByClassName('home-banners-paginator-link');
		var activeFrame = Dom.getFirstChild(Dom.get('top-pic-frame-layertop')).alt
		
		for (var i=0; i<homeBannersPaginatorLinks.length; i++){
			if (homeBannersPaginatorLinks[i].id == activeFrame){
				var activeIndex = i
			}
		}
		
		if ((activeIndex+1)>(homeBannersPaginatorLinks.length-1)){
			activeIndex = 0;
		} else {
			activeIndex++
		}
		
		moveBanner(homeBannersPaginatorLinks[activeIndex])
	}
	
	function homepageBannersInit() {
		
		var cycler = YAHOO.lang.later( 10000 , null , cycle , null , 5000 );
		
		var homeBannersPaginatorLinks = Dom.getElementsByClassName('home-banners-paginator-link');
		for (var i=0; i<homeBannersPaginatorLinks.length; i++){
			Dom.setStyle(Dom.getLastChild(homeBannersPaginatorLinks[i]), 'opacity', 0.5)
			Dom.setStyle(Dom.getLastChild(homeBannersPaginatorLinks[i]), 'visibility', 'visible')
			if (i==0){Dom.addClass(Dom.getLastChild(homeBannersPaginatorLinks[i]), 'active'); Dom.setStyle(Dom.getLastChild(homeBannersPaginatorLinks[i]), 'opacity', 0.0)}
			Ev.addListener(homeBannersPaginatorLinks[i], 'mouseover', homeBannersPaginatorLinkHover, {"span":Dom.getLastChild(homeBannersPaginatorLinks[i]),"action":"over"})
			Ev.addListener(homeBannersPaginatorLinks[i], 'mouseout', homeBannersPaginatorLinkHover, {"span":Dom.getLastChild(homeBannersPaginatorLinks[i]),"action":"out"})
			Ev.addListener(homeBannersPaginatorLinks[i], 'click', moveBanner, homeBannersPaginatorLinks[i])
			Ev.addListener(homeBannersPaginatorLinks[i], 'click', function(){cycler.cancel()})
		}

	}

Ev.onDOMReady(homepageBannersInit);