/**
 *	Homepage, Rotator
 *	--------------------------
 */

function ActionRotator(container) {
	this.container = container;
	this.current = -1;
	this.items = [];
	this.init();
}

ActionRotator.prototype = {

	TIME_DELAY:  6000,  // ms
	TIME_RESUME: 2000,
	
	init:function() {
		// add items to controller, skip overview link
		var overview = /overview/i;
		var items = this.container.getElementsByTagName("li");
		for (var item,i=0; i<items.length; i++) {
			item = items[i];
			if(!overview.test(item.className)) {
				this.addItem(item);
			}
		}

		EventListener.addEvent(this.container, 'mouseover', this.scope(this.pause));
		EventListener.addEvent(document, 'mouseover', this.scope(this.unpause));

		this.animate();
	},

	addItem:function(item) {
		var index = this.items.length;
		this.items[index] = new ActionRotatorItem(item, this, index);
	},

	next:function(selectedItem) {
		// automatically toggle to next item
		var index = ++this.current % this.items.length;
		
		for (var toggle, item, i=0; i<this.items.length; i++) {
			item = this.items[i];
			// onmouseover, selectedItem superceeds index
			toggle = ((index == i && !selectedItem) || (selectedItem == item))? true : false;
			item.toggle(toggle);
		}

		if(selectedItem) {
			// continue from selected item, if applicable
			this.current = selectedItem.index;
		}
	},

	pause:function(e) {
		// pause onmouseover, and select hovered item
		var item = EventListener.getTarget(e, 'li');
		if(item && item.rotatorItem) {
			this.paused = true;
			clearTimeout(this.timeout);
			this.next(item.rotatorItem);
		}
	},

	unpause:function(e) {
		if(!this.paused) return;
		var node = EventListener.getTarget(e);
		while(node) {
			if(node == this.container) return; // don't unpause 
			node = node.parentNode;
		}
		
		// mouse is outside of container
		this.resume();
	},
	
	resume:function() {
		this.paused = false;
		this.timeout = setTimeout(this.scope(this.animate), this.TIME_RESUME);
	},

	animate:function() {
		if(!this.paused) {
			this.next();
			this.timeout = setTimeout(this.scope(this.animate), this.TIME_DELAY);
		}
	},

	scope:function(method) {
		var scope = this;
		return function() {
			return method.apply(scope, arguments);
		}
	},
	
	compactPagenavigation:function() {
		$rotatorPagination = $(".rotator-pagination");
		var items = $rotatorPagination.find("a[rel^=rotate-]").size();
		if(items<6) {
			$underlay = $rotatorPagination.find(".underlay");
			pixels = 110 - (6 - items)*17;
			$underlay.css("width",pixels+"px");
		}
		
	}
}

/**
 *	ActionRotatorItem
 *	--------------------------
 */

function ActionRotatorItem(item, rotator, index) {
	this.container = item;
	this.container.rotatorItem = this;
	this.rotator = rotator;
	this.index = index;

	var spans = item.getElementsByTagName("span");
	this.banner = spans[spans.length -1];
	this.display(false); // initially closed

	this.animator = new Animator(1, 100, this.scope(this.animate), this.scope(this.animateEnd));
	this.animator.setDuration(this.TIME_ANIMATE);
}

ActionRotatorItem.prototype = {

	CLASS_ACTIVE: 'current',
	TIME_ANIMATE: 750, // ms

	toggle:function(toggle) {
		this.direction = toggle? 1 : -1;
		
		// if already open, don't fade-in
		if(toggle && ClassName.contains(this.container, this.CLASS_ACTIVE)) {
			this.display(true);
			return;
		}
		
		if(toggle) {
			// fade-in
			this.setOpacity(0);
			ClassName.add(this.container, this.CLASS_ACTIVE);
			this.display(true);
		} else {
			// fade-out
			ClassName.remove(this.container, this.CLASS_ACTIVE);
		}
		
		if(this.visible) {
			// don't animate invisible elements
			this.animator.start();
		}
	},

	animate:function(step) {
		var t = (this.direction > 0)? step : (100 - step);
		this.setOpacity(t);
	},

	animateEnd:function() {
		this.animate(100);
		if(this.direction < 0) {
			this.display(false);
		}
	},
	
	setOpacity:function(opacity) {
		var css = this.banner.style;
		css.opacity = opacity / 100;
		css.mozOpacity = opacity / 100;
		css.filter = 'alpha(opacity='+opacity+')';
	},

	display:function(toggle) {
		this.banner.style.display = toggle? 'block' : 'none';
		this.visible = toggle;
	},

	scope:function(method) {
		var scope = this;
		return function() {
			return method.apply(scope, arguments);
		}
	}
}

/**
 *	Business Homepage, Rotator
 *	--------------------------
 */
BizActionRotator = Class.extend(
	ActionRotator,
	function(){	
	}, {
 	init:function() {
		var pages = this.container.getElementsByTagName("ul")[0];
		var list = this.container.getElementsByTagName("ol")[0];
		var items = list.getElementsByTagName("li");
		var buttons = pages.getElementsByTagName("li");
		
		for (var button,item,i=0; i<items.length; i++) {
			item = items[i];
			button = buttons[i+1];			
			this.addItem(item, button);
		}

		EventListener.addEvent(this.container, 'mouseover', this.pause, this);
		EventListener.addEvent(pages, 'click', this.click, this);
		EventListener.addEvent(document, 'mouseover', this.unpause, this);
		this.compactPagenavigation();
		this.animate();
	},

	addItem:function(item, button) {
		var index = this.items.length;
		this.items[index] = new BizActionRotatorItem(item, button, this, index);
	},

	next:function(selectedItem) {
		// automatically toggle to next item
		var index = ++this.current % this.items.length;
		
		for (var toggle, item, i=0; i<this.items.length; i++) {
			item = this.items[i];
			toggle = (index == i)? true : false;
			item.toggle(toggle);
		}

		if(selectedItem) {
			// continue from selected item, if applicable
			this.current = selectedItem.index;
		}
	},

	click:function(e) {
		var link = EventListener.getTarget(e, 'a');
		var rel = /rotate-([a-z0-9]+)/i.exec(link.rel)[1];
		switch(rel) {
			case 'previous': 
				this.current += this.items.length-2;
				this.next();
			break;
			case 'next': 
				this.next();
			break;
			default:
				var index = parseInt(rel);
				if(isNaN(index)) break;
				this.current = index -2;
				this.next();
			break;
		}

		EventListener.cancelEvent(e);
	},

	pause:function(e) {
		this.paused = true;
		clearTimeout(this.timeout);
	}
});


/**
 *	BizActionRotatorItem
 *	--------------------------
 */
BizActionRotatorItem = Class.extend(
	ActionRotatorItem,
	function BizActionRotatorItem(item, button, rotator, index) {
	this.container = item;
	this.button = button;
	this.button.rotatorItem = this;
	this.rotator = rotator;
	this.index = index;

	var spans = item.getElementsByTagName("span");
	this.banner = spans[spans.length -1];
	this.display(false); // initially closed

	this.animator = new Animator(1, 100, this.scope(this.animate), this.scope(this.animateEnd));
	this.animator.setDuration(this.TIME_ANIMATE);
}, {
	toggle:function(toggle) {
		this.direction = toggle? 1 : -1;
		
		// if already open, don't fade-in
		if(toggle && ClassName.contains(this.container, this.CLASS_ACTIVE)) {
			this.display(true);
			return;
		}
		
		if(toggle) {
			// fade-in
			this.setOpacity(0);
			ClassName.add(this.container, this.CLASS_ACTIVE);
			ClassName.add(this.button, this.CLASS_ACTIVE);
			this.display(true);
		} else {
			// fade-out
			ClassName.remove(this.container, this.CLASS_ACTIVE);
			ClassName.remove(this.button, this.CLASS_ACTIVE);
		}
		
		if(this.visible) {
			// don't animate invisible elements
			this.animator.start();
		}
	}
});

FlashActionRotator = Class.extend(
	ActionRotator,
	function(){	
	}, {

	
	playlistStatic: [
    ],

	createPlaylist:function() {
		staticList = this.playlistStatic;
		var playlist = [{loop:true}];
		var playItem2 = null, movieURL = null, imageURL = null, targetURL = null;
		$(this.container).find("span.container").each(function() {
			targetURL = $(this).find("a:has(img)").attr("href");
			if($(this).find("a[href$=.flv]").size()>0) {
				movieURL = $(this).find("a[href$=.flv]").attr("href");
				playItem2 = {'url': movieURL, 'linkUrl':targetURL};
			} else {
				imageURL = $(this).find("img").attr("src");
				playItem2 = {'url': imageURL, 'duration': 6, 'linkUrl':targetURL};
			}
			staticList.push(playItem2);
		});

		return staticList;	
	},
	
	toggleSound:function() {
		var player =$f("player"); 
		if($(this).is(".mute")) {
			player.unmute();
			$(this).removeClass("mute");
		} else {
			player.mute();
			$(this).addClass("mute");
		}
	},
	
	pageNavigation:function() {
		var button = $(this).text();
		var player =$f("player"); 
		var index = player.getClip().index;
		if(button == "Vorige") {
			index -= 1;
			if(index < 0) {
				index=player.getPlaylist().length - 1;
			}
		} else if(button == "Volgende") {
			index += 1;
			if(index == player.getPlaylist().length) {
				index=0;
			}
		} else {
			parsed = parseInt(button);
			if(isNaN(parsed)) {
				return;
			} else {
				index = parsed - 1;
			}
						
		}
		player.play(index);
	},

	createHTML:function() {
		$paginationElements = $(this.container).find(".rotator-pagination");
		$container = $(this.container);
		$container.empty();
		$container.append($paginationElements);
		$extraControls = $('<div class="rotator-controls"><div class="sound"></div></div>');
		$paginationElements.find("a").click(this.pageNavigation);		
		$container.append($extraControls);
		$extraControls.find(".sound").click(this.toggleSound);
		$container.append("<div id='player'></div>");
		$player = $("#player");
		width = parseInt($container.css("width").replace(/px,*\)*/g,""));
		height = parseInt($container.css("height").replace(/px,*\)*/g,""));
		if(width==474) {
			$player.css("padding", "4px");
			$player.css("width", (width-10)+"px"); 
			$player.css("height",(height-10)+"px");
			$player.css("border", "1px solid #D4D4D4");
		} else {
			$player.css("width", (width)+"px"); 
			$player.css("height",(height)+"px");
		}
	},
	
	init:function() {
		playlist2 = this.createPlaylist();
		this.createHTML();
		this.compactPagenavigation();

		this.player = $f("player", {src: "/static/swf/flowplayer.swf", wmode: 'opaque'},
			{
				playlist: this.playlistStatic,
				plugins:  { 
					controls: null
			    },
			    debug: false, 
	        	clip: { 
	     			loop: true,
					onStart: function () { 
						if(this.getClip().type=="video") {
							$(".rotator-controls .sound").show();	
						} else {
							$(".rotator-controls .sound").hide();	
						}
						$(".rotator-pagination li").removeClass("current");
						$(".rotator-pagination li:nth-child("+(this.getClip().index+2)+")").addClass("current");
					},
					onBeforeFinish: function () { 
						if (this.getClip().index == this.getPlaylist().length - 1) { 
				    		return false; 
						}
					} 
				} 
			}
		);
		
		
	}

});