$(document).ready(function() {
	
	$('#facebookNews').facebookNews({archiveLink: '/de/news/news.html'});
	$('#bmwmotorradNews').bmwmotorradNews({url: '/cgi-bin/services/motorrad_news.pl?lang=de'});
	
	if (swfobject.getFlashPlayerVersion().major == 0) {
		
		var video = null;
		var li_length = 1025/5;
		
		$('#homeSwfContainer ul li').each(function (i, el) {
			el.style.left = 1+102*i+"px";
			el.style.clip = "rect(0px,"+ ((616-li_length)/4*i + li_length) +"px,504px,"+ (616-li_length)/4*i +"px)";
			$('span', el).css("left", (22+(616-li_length)/4*i));
			$('span', el).css("font-size", 15 );
			$('span.header', el).css("font-size", 25 );
			$('span', el).click(function (evt) {
				evt.stopPropagation();
				window.location.href = $(evt.currentTarget).parent().attr('href');
			});
			jQuery.data(el, 'clip0', el.style.clip);
			jQuery.data(el, 'i', i);

			$(el).bind('click', function (evt) {
				evt.preventDefault();
				evt.stopPropagation();
				$('img', $(video).parent()).show();
				
				if (video) $(video).remove();
				video = document.createElement( 'video' );
			    video.autoplay =  true;
			    video.controls = true;
			    video.width =  616;
			    video.height = 504;
			    video.type= "video/mp4";
			    video.codecs="avc1.42E01E, mp4a.40.2";
			    
				$(evt.currentTarget).stop().animate({'clip':'rect(0px 616px 504px 0px)'}, 1000,function(){
					$('img', el).hide();
					
					video.src = "/img/video/home_" + jQuery.data(el, 'i') + ".mp4";
					video.load();
					video.play();
					$('a' ,el).append(video);
					$(video).attr('poster', $('img', el).attr('src'));
				});
				
				$('span', el).css("left", 22 ); 
				$('span', el).css("font-size", 20 );
				$('span.header', el).css("font-size", 40 );
				$('span', el).css("bottom", 65 );
				$('span.header', el).css("bottom", 23 );
				$('#homeSwfContainer ul li').each(function (j, elm) {
					if(i!=j){
						if(i>j){
							$(elm).stop().animate({'clip':'rect(0px 102px 504px 0px)'}, 1000);
							$('span', elm).css("left", 22 ); 
							$('span', elm).css("font-size", 7 );
							$('span.header', elm).css("font-size", 13 );
							$('span', elm).css("bottom", 48 );
							$('span.header', elm).css("bottom", 33 );
						}
						if(i<j){
							$(elm).stop().animate({'clip':'rect(0px 616px 504px 514px)'}, 1000);
							$('span', elm).css("left", 526 ); 
							$('span.header', elm).css("font-size", 13 );
							$('span.header', elm).css("bottom", 33 );
							
						}
					}	
				});
				
			});
			
		});
		
		$('.homeBoxesContainer').bind('click', function (evt) {
			$('#homeSwfContainer ul li').each(function (j, elm) {
				$('img', elm).show();
				$('video', elm).remove();
				$(elm).stop().animate({'clip': 'rect(0px, ' + Math.round(205+(j*103)) + 'px, 504px, ' + (j*103) + 'px)'}, 1000);	
			    $('span', elm).css("left", (22+(616-li_length)/4*j) ); 
			    $('span', elm).css("font-size", 15 );
				$('span.header', elm).css("font-size", 25 );
				$('span', elm).css("bottom", 55 );
				$('span.header', elm).css("bottom", 30 );
			});
		})
	} else {
		var flashvars = {
			c_1_url: '/de/werk/produktion_Fahrwerksfertigung.html',
			c_2_url: '/de/werk/produktion_Motorenbau.html',
			c_3_url: '/de/werk/produktion_Lackiererei.html',
			c_4_url: '/de/werk/produktion_Montage.html',
			c_5_url: '/de/werk/produktion_Versand.html',
			c_1_v: '/img/video/home_0.flv',
			c_2_v: '/img/video/home_1.flv',
			c_3_v: '/img/video/home_2.flv',
			c_4_v: '/img/video/home_3.flv',
			c_5_v: '/img/video/home_4.flv',
			popup_url: '/de/2_mil.html'
		};
		
		var params = {};
		params.allowScriptAccess = "always";
		params.allowfullscreen = "true";
		params.bgcolor= "#ffffff";
		params.wmode= "opaque";
		var attributes = {};
		swfobject.embedSWF("/de/swf/home.swf", "homeSwfContainer", "1024", "504", "9", "/js/libs/swfobject/expressInstall.swf", flashvars, params, attributes);
		
		var flashvars = {
			video: '/img/video/home_Teaser.flv',
			img: '/de/img/content/home_big-teaser-box.jpg',
			link: '/de/werk/standort_berlin.html?autoplay=1',
			playonover: true
		};
		
		var params = {};
		params.allowScriptAccess = "always";
		params.allowfullscreen = "true";
		params.bgcolor= "#ffffff";
		params.wmode= "opaque";
		var attributes = {};
		swfobject.embedSWF("/de/swf/header_player.swf", "impressionenTeaser", "488", "172", "9", "/js/libs/swfobject/expressInstall.swf", flashvars, params, attributes);
	}
});