// JavaScript Document
 $(document).ready(function() {
	
	// Videoplayer Welcomeseite
	$('#wrapper #pageBody.welcome #rowTop div.navVideo').show().find('ul li:first').addClass('aktiv');
	
	$('#wrapper #pageBody.welcome #rowTop div.navVideo ul li a').click(function() {
		$(this).parents('ul:first').find('li.aktiv').removeClass('aktiv');
		
		if(!$('#wrapper #pageBody.welcome #rowTop div.navVideo ul li').hasClass('aktiv')) {
			$(this).parent().addClass('aktiv');
		}
	});
	
	
	// Flash-Player laden
	if($('a#player').length) {
		$('a#player').html('<img src="/pics/pi_welcomebox_video_default.jpg" alt="" class="preview" />');
		// setup player without "internal" playlists
		$f("player", {src: '/swf/flowplayer-3.2.5.swf', wmode: 'transparent'}, {
			clip: { baseUrl: '' },
			plugins: { 
						controls: { 
							playlist: false
						}
					}
		// use playlist plugin. again loop is true
		}).ipad().playlist("div.navVideo #carousel div.view ul li", {loop:false});	
		
		
		/*$('#wrapper #pageBody.welcome #rowTop div.navVideo ul li a').click(function() {
			$(this).parents('ul:first').find('li.aktiv').removeClass('aktiv');
			
			if(!$('#wrapper #pageBody.welcome #rowTop div.navVideo ul li').hasClass('aktiv')) {
				$(this).parent().addClass('aktiv');
			}
			
			// Flash-Player laden
			$('a#player').css('background', '#000000');
			if(!$('a#player object').length) {
				// setup player without "internal" playlists
				$f("player", {
					src: '/swf/flowplayer-3.2.5.swf', wmode: 'transparent'}, {
						clip: { baseUrl: '', url: $(this).attr('href') },
						plugins: { controls: { playlist: false }
					}
				});
			} else if($('a#player object').length) {
				$('a#player object').remove();
				$f("player", {
					src: '/swf/flowplayer-3.2.5.swf', wmode: 'transparent'}, {
						clip: { baseUrl: '', url: $(this).attr('href') },
						plugins: { controls: { playlist: false }
					}
				});
			}
			return false;
		});*/
	}
	
	// Title insert
	var title = $('div.navVideo ul').find('li.aktiv').find('p').html();
	$('div.navVideo p#insert').html(title);
	
	$('div.navVideo ul li a').click(function() {
		$(this).parents('ul:first').find('li.aktiv').removeClass('aktiv');
		//if(!$('div.navVideo ul li').hasClass('aktiv')) {
			$(this).parent().addClass('aktiv');
		//};
		
		var title = $(this).parent().find('p').html();
		$('div.navVideo p#insert').html(title);
	});

	// Playlist carousel	
	var length = $('#carousel ul.videoList li').size();
	var liProScroll = 3;
	var liSize = 106;
	horPosition = 3;
	var move = liProScroll * liSize * (-1) ;
	var ulLaenge = length * $('#carousel ul.videoList').find('li').outerWidth(true);
	
	$('#carousel ul.videoList').css('width', ulLaenge);
	
	if (horPosition == 3){
		//$('a.button-prev').css('background', 'none');
		$('a.button-prev').hide();
	}
	
	$('a.button-prev').click(function(){
		if(horPosition != 3 ){
			
			$('#carousel ul.videoList').animate({	 
				left: '-='+move
			}, 800, function() {
				// END 
			});
			
			horPosition = horPosition - 3	
		}
		hideButtons(horPosition);
		return false;
	});
		
	$('a.button-next').click(function(){
		if(horPosition < length ){
			$('#carousel ul.videoList').animate({
				left: '+='+move
			}, 800, function() {
				// END 
			});
		
			horPosition = horPosition + 3;
		} 
		
		hideButtons(horPosition);
		return false;
	});
	
	$('#rowTop div.video #player h2 a').css('color', '#FFFFFF');
	
	// Navigation next/prev ein- und ausblenden
	function hideButtons(horPosition){
		if (horPosition == liProScroll){	
			$('a.button-prev').hide();
			$('a.button-next').show();
			$('#carousel div.view').css('margin-right', 0);
		} else if (horPosition == (liProScroll * Math.ceil(length / 3))){
			$('a.button-prev').show();
			$('a.button-next').hide();	
			$('#carousel div.view').css('margin-right', 14);
		} else {
			$('a.button-prev').show();
			$('a.button-next').show();
			$('#carousel div.view').css('margin-right', 0);
		}
	}
	
	// HTML5 Player laden
	if($('video').length && !$('a#player').length) {
		
		$('#wrapper #pageBody.welcome #rowTop div.video').css('background', 'none');
		
		if (Modernizr.video) {
			$('#wrapper .video video').attr("poster", "/pics/pi_welcomebox_video.jpg");
			$('video#player').attr("src", $('#carousel .videoList li:first a').attr("href"));		
					
			// On click put video from list on player to iDevices. NOTE: there are problems when we try to change the "src" we have to remove completely video tag 
			$('#carousel .videoList li a').click(function () { 
				$('#pageBody .video #player').remove();
				$('#pageBody .video').append('<video class="player" id="player" autoplay="autoplay"></video>');
				$('#pageBody .video #player').attr("src", $(this).attr("href"));			
				return false;
			});
		} else {
			$('#pageBody .video video').remove();
            $('#pageBody .video').append('<a class="player" id="player"></a>');
        }
		
		/*if (Modernizr.video) {					
			// On click put video from list on player to iDevices. NOTE: there are problems when we try to change the "src" we have to remove completely video tag 
			$('#carousel .videoList li a').click(function () { 
				$('#pageBody .video #player').remove();
				$('#pageBody .video').append('<video class="player" id="player" controls="controls"></video>');
				$('#player').css('background', '#000000');
				$('#pageBody .video #player').attr("src", $(this).attr("href")).show();			
				return false;
			});
		} else {
			$('#pageBody .video video').remove();
            $('#pageBody .video').append('<a class="player" id="player"></a>');
        }*/
	}
	
	// Kategorie-Video laden
	/*$('a.katButton').click(function() {
		$('#carousel .videoList li:last a').click();
		
		$('#carousel .videoList li:last').addClass('aktiv');
		pos = Math.floor(length / 3) * move;
		$('#carousel ul.videoList').animate({	 
				left: pos
			}, 800, function() {
				// END 
		});
		
		horPosition = liProScroll * Math.ceil(length / 3);
		hideButtons(horPosition);
		return false;
	});*/
	
});