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++){
	pic[i]= new Image(930,474); 
	pic[i].src="http://siteone.cz.devel/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 setHomeSubMenu(type){
		var subMenuLinks = Dom.getChildren(Dom.get('home-submenu'))
		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)+10,
				units:"px"
			}
		}
		
		var animation = new Anim(postevak,attributes,0.7,YAHOO.util.Easing.easeBoth);
		animation.animate();
	}
	
	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('home-banners-highlayer');
			var lowLayer = Dom.get('home-banners-lowlayer');
			var bannerLink = Dom.get('homeBannerLink');
			
			/* cumooooon */

			// hoock na nas banner
			if(portLink.id=="webdesign-ria-xhmtl-nejen-nas-tym-siteone") {
				Dom.setStyle(Dom.get('homeBannerLink'),'display', 'none')
				Dom.setStyle(Dom.get('myMap'),'display', 'block')
				lowLayer.innerHTML = '<img alt="'+portLink.id+'" src="/images/content/homepage/banners/'+portLink.id+'.jpg" />';	
			} else {
				Dom.setStyle(Dom.get('homeBannerLink'),'display', 'block')
				Dom.setStyle(Dom.get('myMap'),'display', 'none')
				lowLayer.innerHTML = '<img alt="'+portLink.id+'" src="/images/content/homepage/banners/'+portLink.id+'.jpg" />+';				
			}
			
			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')
		
		}
		
	function hideBuble(e){
		
		Dom.setStyle(Dom.getElementsBy(function(elem){return true}, "img" , Dom.get('myMap')), 'display', 'none')
		
	}
	
	function cycle(){
		
		var homeBannersPaginatorLinks = Dom.getElementsByClassName('home-banners-paginator-link');
		var activeFrame = Dom.getFirstChild(Dom.get('home-banners-highlayer')).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()})
		}

		setHomeSubMenu(Dom.getFirstChild(Dom.get('home-banners-highlayer')).className)
	
		var faceButtons = Dom.getElementsBy(function(elem){return true}, "a" , Dom.get('myMap'))
		for (var i=0; i<faceButtons.length; i++){
			Ev.addListener(faceButtons[i], 'mouseover', showBuble, faceButtons[i].className.replace("myLinks",""))
			Ev.addListener(faceButtons[i], 'click', showBuble, faceButtons[i].className.replace("myLinks",""))
			Ev.addListener(faceButtons[i], 'mouseout', hideBuble)
		}
	}

Ev.onDOMReady(homepageBannersInit);