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

var homapageBannersArray = homapageBanners.split(";")
var pic = {}

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 setHomeSubMenu(type){

		var subMenuLinks = Dom.get('home-submenu').getElementsByTagName("A");
		for (var i=0; i<subMenuLinks.length;i++){
			if (subMenuLinks[i].className.indexOf('active')>0 && subMenuLinks[i].className.indexOf(type)<0){
				Dom.replaceClass(subMenuLinks[i], subMenuLinks[i].className, subMenuLinks[i].className.replace("active",""))
			} else if (subMenuLinks[i].className.indexOf('active')<0 && subMenuLinks[i].className.indexOf(type)>0) {
				Dom.replaceClass(subMenuLinks[i], subMenuLinks[i].className, subMenuLinks[i].className+"-active")
				activeSubmenuElem = subMenuLinks[i];
			}
		}
		/* move postevak */
		var linkRegion = Dom.getRegion(activeSubmenuElem)
		var moveToLeft = linkRegion.left-Dom.getRegion(Dom.get('home-submenu')).left
		var postevak = Dom.get('postevak');
		var attributes = {
			left : {
				to : moveToLeft+(linkRegion.width/2)-HOME_BANNERS_MOVEMENT,
				units:"px"
			}
		}
		var animation = new Anim(postevak,attributes,0.7,YAHOO.util.Easing.easeBoth);
		animation.animate();
	}
	
	function moveBanner(e, portLink){
		
		if (e && !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('home-banners-highlayer');
			var lowLayer = Dom.get('home-banners-lowlayer');
			var bannerLink = Dom.get('homeBannerLink');
			/* cumooooon */
				var actualPictureElement = pic[portLink.id].cloneNode(true);
			// hoock na nas banner
			if(portLink.id=="webdesign-ria-xhmtl-nejen-nas-tym-siteone") {
				Dom.setStyle(Dom.get('homeBannerLink'),'display', 'none');
				lowLayer.innerHTML = "";
				lowLayer.appendChild(actualPictureElement);
			} else {
				lowLayer.innerHTML = "";
				lowLayer.appendChild(actualPictureElement);
				Dom.setStyle(Dom.get('homeBannerLink'),'display', 'block');
				lowLayer.innerHTML = '<img id="'+portLink.id+'" src="/images/content/homepage/banners/'+portLink.id+'.jpg" />+';				
			}
			// params
			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.innerHTML = lowLayer.innerHTML
												homepageTweening = false;
												setHomeSubMenu(portLink.rel.replace("type",""))
											   }, topLayer, lowLayer, portLink
										   )
			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 showBuble(e,jmeno){
		//Ev.stopEvent(e)
		Dom.setStyle(Dom.getElementsByClassName('myBuble'+jmeno)[0], 'display', 'block')
	}
			
	// cyklovaci funkce 
	function cycle(){
		var homeBannersPaginatorLinks = Dom.getElementsByClassName('home-banners-paginator-link');
		var activeFrame = Dom.getFirstChild(Dom.get('home-banners-highlayer')).id
		activeIndex = 0;
		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() {

		// funkce ktera zprovozni bannery. Spoustim ji Po nacteni vsech hlavnich upoutavek
		var activateBanners = function(){
		

			// timing a spusteni cyklovaci funkce
			var cycler = YAHOO.lang.later( 10000 , null , cycle , null , 5000 );
			// aktivace ... Majkle da se dat preloader tak to UDELEJ !!!!! Uz tam davno je ty blbko 
			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()})
			}
			setHomeSubMenu(Dom.getFirstChild(Dom.get('home-banners-highlayer')).className)
			
			Dom.setStyle(Dom.get("homepageBannersLoading"),'display','none');
			
		}

		var imageLoadedCouter = 0;
		for (i=0; i<homapageBannersArray.length; i++){
			var id  = homapageBannersArray[i].replace(".jpg","");
			pic[id]= new Image(930,474); 
			pic[id].onload = function(){
						imageLoadedCouter++;
						if (imageLoadedCouter==homapageBannersArray.length){
							activateBanners();
						}
					}
			pic[id].src="/images/content/homepage/banners/"+homapageBannersArray[i];
			pic[id].id = id;
		}
	
	}

Ev.onDOMReady(homepageBannersInit);