var BlowUp = new Class({

	initialize: function(container, active_elements, inactive_elements)
	{
		this.container = container;
		this.inactive_elements = inactive_elements;
		this.active_elements = active_elements;
		this.active_index = 0;
		this.active_fx = [];
		
		this.inactive_elements.each(function(el, i)
		{
			this.active_elements[i].setStyle('display', 'none');
			this.active_fx[i] = new Fx.Style(this.active_elements[i], 'opacity', {duration:200});
			
			el.addEvent('mouseenter', function(e)
			{
				this.setInactive(this.active_index);
				this.setActive(i);
				this.active_index = i;
			}.bind(this));
		}.bind(this));
		
		this.active_elements[this.active_index].setStyle('display', 'block');
		this.active_fx[this.active_index].set(1);
		this.inactive_elements[this.active_index].setStyle('display', 'none');
		
		var dim = this.container.getSize();
		this.container.setStyle('height', dim.size.y + 'px');
	},
	
	setInactive: function(index)
	{
		this.active_elements[index].setStyle('display', 'none');
		this.inactive_elements[index].setStyle('display', 'block');
	},
	
	setActive: function(index)
	{
		this.active_elements[index].setStyle('display', 'block');
		this.active_fx[index].set(0.1);
		this.active_fx[index].start(0.1, 1);
		this.inactive_elements[index].setStyle('display', 'none');
	}
});

window.addEvent('domready', function()
{
	// Vergrößerung Events / News
	var newss = null;
	var events = null;
	
	if($('news_block')) newss = new BlowUp($('news_block'), $$('#news_block .news_active'), $$('#news_block .news_inactive'));
	if($('event_block')) events = new BlowUp($('event_block'), $$('#event_block .event_active'), $$('#event_block .event_inactive'));
	
	// WebTV Anzeige
	var webtv_images = $$('.video_image');
	if(webtv_images.length > 0)
	{
		var webtv_image = webtv_images[0];
		
		webtv_image.setStyles(
		{
			'background': 'url(grafiken/tvzwickau-standbild.jpg)',
			'cursor': 'pointer'
		});
		var dim = webtv_image.getSize();
		
		var play_btn = new Element('div').setStyles(
		{
			'width': '46px',
			'height': '46px',
			'position': 'relative',
			'top': '38px',
			'left': '73px'
		}).inject(webtv_image);
		
		if(window.ie && !window.ie7)
		{
			play_btn.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'grafiken/play_btn_a.png\')';
		}
		else
		{
			play_btn.setStyle('background', 'url(grafiken/play_btn_a.png)');
		}
		
		// preloader
		new Element('img').setProperty('src', 'grafiken/play_btn_b.png');
		
		webtv_image.addEvents(
		{
			'mouseenter': function()
			{
				if(window.ie && !window.ie7)
				{
					play_btn.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'grafiken/play_btn_b.png\')';
				}
				else
				{
					play_btn.setStyle('background', 'url(grafiken/play_btn_b.png)');
				}
			},
			
			'mouseleave': function()
			{
				if(window.ie && !window.ie7)
				{
					play_btn.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'grafiken/play_btn_a.png\')';
				}
				else
				{
					play_btn.setStyle('background', 'url(grafiken/play_btn_a.png)');
				}
			}
		});
		
		webtv_image.addEvent('click', function(e)
		{
			new Event(e).stop();
			
			var pos = webtv_image.getPosition();
			
			var player_document_overlay = new Element('div').addClass('video_overlay').setStyles(
			{
				'opacity': 0,
				'top': ( pos.y - 36) + 'px',
				'left': ( pos.x - 27) + 'px',
				'z-index': 999
				
			}).injectInside(document.body);
			
			var positionPlayerOverlayScroll = function()
			{
				
			}
			
			var positionPlayerOverlayResize = function()
			{
				var pos = webtv_image.getPosition();
				player_document_overlay.setStyles(
				{
					'top': ( pos.y - 36) + 'px',
					'left': ( pos.x - 27) + 'px'
				});
				player_container.setStyles(
				{
					'left': pos.x + 'px'
				});
			}
			
			window.addEvents(
			{
				'scroll': positionPlayerOverlayScroll,
				'resize': positionPlayerOverlayResize
			});
			
			new Fx.Style(player_document_overlay, 'opacity', {duration: 500}).start(1);
			
			var player_container = new Element('div').addClass('video_image').setStyles(
			{
				'opacity': 0,
				'background': '#ffffff',
				'position': 'absolute',
				'z-index': 1000,
				'top': pos.y + 'px',
				'left': pos.x + 'px'
				
			}).injectInside(document.body);
			new Element('div', {'id': 'video_player_container'}).injectInside(player_container);
			var video_overlay_close_btn = new Element('a', {'id': 'video_overlay_btn_close', 'href': '#'}).injectInside(player_container);
			
			var show_video_fx = new Fx.Styles(player_container, {duration: 1000, transition: Fx.Transitions.Quint.easeOut, onComplete: function()
			{
				var flashvars = false;
				var params = {
					'bgcolor': '#FFFFFF',
					'quality': 'high',
					'align': 'middle',
					'play': 'true',
					'scale': 'noborder',
					'wmode': 'window',
					'menu': 'false',
					'allowScriptAccess': 'sameDomain',
					'allowFullScreen': 'true'
				};
			
				// Flash detection und Player laden
				swfobject.embedSWF('web-tv/player_simple.swf', 'video_player_container', '430', '371', '9.0.115', 'javascript/swfobject/expressInstall.swf', flashvars, params);
			}});
			show_video_fx.start({
				'opacity': 1,
				'height': '371px',
				'width': '430px'
			});
			
			video_overlay_close_btn.addEvent('click', function(e)
			{
				new Event(e).stop();
				
				window.removeEvent('scroll', positionPlayerOverlayScroll);
				window.removeEvent('resize', positionPlayerOverlayResize);
				
				player_container.remove();
				player_document_overlay.remove();
				player_container = null;
				player_document_overlay = null;
			});
		});
	}
});