// JavaScript Document
 $(document).ready(function() {
	if ( $.browser.msie ) {
	  $('#mediathek').css('background-image', 'url(/pics/bg_mediathek2.png)');
	}

	
	
	var i = 1; 
	
	// Link auf Mediathek einblenden
	$('#wrapper #pageBody.welcome #rowBottom div a.mediathek, #wrapper #pageBody.sub #colLeft div.leftBox a.mediathek').css('display', 'block');
	
	// Mediathek öffnen
	if($(window).height() < $('body').outerHeight()) { var height = $('body').outerHeight(); }
	else { var height = '100%'; }
	var width = $('body').outerWidth();
	
	var mediatype = 'media-01';
	var year = 'year-11';
	
	// UL Selection
	$('#mediathek div.right div.view ul.media-01year-11').show().addClass('selected');
	$('#mediathek div.top ul li#media-01').addClass('selected');
	$('#mediathek div.top ol li#year-11').addClass('selected');
	$('#mediathek div.left #viewPlayer').show();
	
	$('a.mediathek').click( function(){
									 
		if($('#pageBody').hasClass('welcome')){
			//$('#carousel ul.videoList').find('li.aktiv').removeClass('aktiv');
			//$('#pageBody div.video').css('background-image', 'url("/pics/pi_welcomebox_video.jpg")');
			stopPlayer('player');
			//$('#pageBody div.video #player').hide();
		}
		
		$('#mediathekOverlay').css('width', width).css('height', height).css('opacity', 0.3);																			   
		$('#mediathekOverlay, #mediathekContainer, #mediathek').show();
		$('#mediathek>*').hide();
		$('#mediathek').css({
			'width': 20,
			'height': 10,
			'opacity': 0
			});			
		$('#mediathek').animate({
			width: 80,
			height: 406,
			opacity: 1
		}, 600, function(){
			$(this).animate({
				width: 916,
				marginLeft: -508
			}, function() {
				$('#mediathek>*').fadeIn(300);
			});
		});	
		var parent = $('#mediathek')
		getMedia(parent.find('div.top ul li.selected').attr('id'), parent.find('div.top ol li.selected').attr('id'),  parent, true);
		return false;
	});
	
	function getMedia(media, year, parent, first) {
		
		
				
		if(media == 'media-01') {
			$('#mediathek div.left #viewPictures').hide();	
			$('#mediathek div.left #viewPlayer').show();
			$('#mediathek div.top li#year-04').hide();
			$('#mediathek div.top li#year-05').hide();
			$('#mediathek div.top li#year-11').show();
			if($('#mediathek div.top ol li#year-04').hasClass('selected') || $('#mediathek div.top ol li#year-05').hasClass('selected')) {
				$('#mediathek div.top ol li.selected').removeClass('selected');
				$('#mediathek div.top ol li#year-10').addClass('selected');
				year = 'year-10';
			}
		} else {
			$('#mediathek div.left #viewPlayer').hide();
			$('#mediathek div.left #viewPictures').show();
			$('#mediathek div.top li#year-04').show();
			$('#mediathek div.top li#year-05').show();
			/*$('#mediathek div.top li#year-11').hide();
			if($('#mediathek div.top ol li#year-11').hasClass('selected')) {
				$('#mediathek div.top ol li.selected').removeClass('selected');
				$('#mediathek div.top ol li#year-10').addClass('selected');
				year = 'year-10';
			}*/
		}
		var type = (media == 'media-01')?'videoList':'pictureList';
		var html = '<ul class="'+media+year+' '+type+' selected">';
		$.post('/json/get_json_vid.php', {year:year, media:media }, function(data) {
			if(data.media) {
				$.each(data.media, function(key, val) {
					if(media == 'media-01') {
						html += '<li class="'+val.klasse+'"><a href="'+val.href+'" class="video"><span>Video</span></a><p class="kategorie">'+val.cat+'</p><h4>'+val.title+'</h4><p class="data video">'+val.description+'</p></li>';
					} else if(media == 'media-02') {
						html += '<li class="'+val.klasse+'"><a href="'+val.href+'" title="'+val.title+'"><span>Bild</span></a></li>';
					}
				});
			}
			html += '</ul>';
			if(parent.find('ul.'+media+year).length == 0) {
				parent.find('div.view').append(html);
				if(first == true) {
					parent.find('div.view ul').show().css('top', 0);
				}
			}
			updateSelectedLists(year, media);
			setMediaType(media);
			getFirstElement(media, year);
		}, 'json');

	}


	function getFirstElement(mediatype, year){
		if(mediatype == 'media-02'){
			// load first Image of ul.selected
			$('#mediathek div.left #viewPictures div.pics').html('<img src="' + $('#mediathek div.right ul.selected li:first a').attr('href') + '" alt="' + $('#mediathek div.right ul.selected li:first a').attr('title') + '">');	
			$('#mediathek div.right ul.selected').find('li').removeClass('selected');
			$('#mediathek div.right ul.selected').find('li:first').addClass('selected');
			var picTitle = $('#mediathek div.right ul.selected li.selected').find('a').attr('title');
			$('#mediathek div.left #viewPictures div.navPics p.picTitle').html(picTitle);
		} else {
			$('#mediathek div.right div.view ul.selected li:first').addClass('active').siblings('li').removeClass('active');
			if($('video#mediathekPlayer').length) {				
				$('video#mediathekPlayer').remove();
				$('#viewPlayer').append('<video class="mediathekPlayer" id="mediathekPlayer" autoplay="autoplay"></video>');
				$('video#mediathekPlayer').attr("src", $('#mediathek div.right div.view ul.selected li:first a').attr("href"));
			}
			else {
				$('#mediathek div.right div.view ul.selected li:first a').click();
			}
		}
	}
	
	function updateSelectedLists(year, mediatype){		
		$('#mediathek div.right div.view').find('ul.selected').removeClass('selected').hide();
		$('#mediathek div.right div.view').find('ul.'+mediatype+year).addClass('selected').show();
	};
	
	function clearActiveVideo() {
		$('#mediathek div.right div.view ul.selected li').removeClass('active');
	}
	
	function stopPlayer(id) {
		if($('#pageBody div.video video').length) {
			$('#' + id).stop();
		}
		else if($('#pageBody div.video object').length) {
			$f(id).stop();
		}
	}
	
	// Click auf Videos/Fotos
	$('#mediathek div.top ul li').click(function(){
		if(!$(this).hasClass('selected')){
			clearActiveVideo();
			stopPlayer('mediathekPlayer');
			$('#mediathek div.top ul li').removeClass('selected');
			var mediatype = $(this).attr('id');
			$(this).addClass('selected');
			var year = $('#mediathek div.top ol li.selected').attr('id');
			var parent = $('#mediathek');
			getMedia(mediatype, year,  parent, false);
		} else {
			//defineMediatype();
		}
		return false;
	});

	// Click auf verschiedene Jahre
	$('#mediathek div.top ol li').click(function(){
		if(!$(this).hasClass('selected')){
			clearActiveVideo();
			$('#mediathek div.top ol li').removeClass('selected');
			var year = $(this).attr('id');
			$(this).addClass('selected');
			var mediatype = $('#mediathek div.top ul li.selected').attr('id');;
			var parent = $('#mediathek');
			getMedia(mediatype, year,  parent, false);
		};
		return false;
	});
	
	// Set active Video
	$('#mediathek div.right div.view ul.selected li:not(.active) a').live('click', function(){
		$(this).parent('li').addClass('active').siblings('li.active').removeClass('active');
		$(this).find('> a').click();
	});
	
	// Load pictures into viewPictures Container
	$('#mediathek div.right ul.pictureList li a').live('click', function(){
		$('#mediathek div.right ul.pictureList li').removeClass('selected');
		$(this).parent().addClass('selected');
		$('#mediathek div.left #viewPictures div.pics').html(' ');
		$('#mediathek div.left #viewPictures div.pics').html('<img src="'+ $(this).attr('href') + '" alt="' + $(this).attr('title') + '">');
		var picTitle = $(this).attr('title');
		$('#mediathek div.left #viewPictures div.navPics p.picTitle').html(picTitle);
		//$('#mediathek div.left #viewPictures div.navPics a.fullsize').attr("href", '../pics/bildmaterial/' + $(this).find('a').attr("href"));
	});
	
	
	
	// Mediathek Carousel
	setMediaType('media-01');	
	
	function setMediaType(liClass) {
		el = 'div.view ul.selected li';
		$(el).parent().css('top', 0);
		i = 1;
		//length = $(el).size();
		var countLi = $('div.view ul.selected li').length;
		if(liClass == 'media-01') {
			liProScroll = 4;
			liSize = 68;
			position = 4;
			move = liProScroll * liSize * (-1);
		} else {
			liProScroll = 6;
			liSize = 136;
			position = 6;
			move = 2 * liSize * (-1);
		}
		ulHoehe = $(el).outerHeight(true);
		pages = Math.ceil(countLi/liProScroll);
		$('#mediathek div.mediathekNav p.index').html(i + ' von ' + pages);
	}
				
		$('div.view ul.selected').css('height', ulHoehe);
			
		$('div.mediathekNav a.prev').live('click', function(){
			if(position != liProScroll ){
				
				$('div.view ul.selected').animate({	 
					top: '-='+move
				}, 800, function() {
					// END 
				});
				
				position = position - liProScroll;
				i--;
				$('#mediathek div.mediathekNav p.index').html(i + ' von ' + pages);
				
			}
			return false;
		});
		
		
		$('div.mediathekNav a.next').live('click', function(){										
			var countLi = $('div.view ul.selected li').length;
			if(position < countLi ){
				$('div.view ul.selected').animate({
					top: '+='+move
				}, 800);
			
				position = position + liProScroll;
				i++;
				$('#mediathek div.mediathekNav p.index').html(i + ' von ' + pages);
			}
			return false;
		});

	// navPics
	// Next
	$('div.navPics a.next').click(function(){									   
		var countImages = $('div.view ul.selected li').length;
		var currentImage = $('div.view ul.selected li.selected').index()+1;
		
		if( currentImage < countImages ){
			if((currentImage % 6) == 0 && currentImage != 0){
				if(position < countImages ){
					$('div.view ul.selected').animate({
						top: '+='+move
					}, 800);
				
					position = position + liProScroll;
					i++;
					$('#mediathek div.mediathekNav p.index').html(i + ' von ' + pages);
				}
			}
			$('div.view ul.selected li').eq(currentImage-1).removeClass('selected');
			$('div.view ul.selected li').eq(currentImage).addClass('selected');
			$('#mediathek div.left #viewPictures div.pics img').attr('src', $('div.view ul.selected li').eq(currentImage).find('a').attr('href'));
			$('#mediathek div.left #viewPictures div.pics img').attr('alt', $('div.view ul.selected li').eq(currentImage).find('a').attr('title'));			
			var picTitle = $('#mediathek div.right ul.selected li.selected').find('a').attr('title');
			$('#mediathek div.left #viewPictures div.navPics p.picTitle').html(picTitle);
		}
		else {
			$('div.view ul.selected').animate({
				top: 0
			}, 800, function() {
				// END 
			});
			position = 6;
			i = 1;
			$('#mediathek div.mediathekNav p.index').html(i + ' von ' + pages);
			
			$('div.view ul.selected li').eq(currentImage-1).removeClass('selected');
			$('div.view ul.selected li').eq(0).addClass('selected');
			$('#mediathek div.left #viewPictures div.pics img').attr('src', $('div.view ul.selected li').eq(0).find('a').attr('href'));
			$('#mediathek div.left #viewPictures div.pics img').attr('alt', $('div.view ul.selected li').eq(0).find('a').attr('title'));
			var picTitle = $('#mediathek div.right ul.selected li.selected').find('a').attr('title');
			$('#mediathek div.left #viewPictures div.navPics p.picTitle').html(picTitle);
		}
		return false;
	});
	// Prev
	$('div.navPics a.prev').click(function(){									   
		var countImages = $('div.view ul.selected li').length-1;
		var currentImage = $('div.view ul.selected li.selected').index();
		
		if( currentImage > 0 ){
			if((currentImage % 6) == 0 && currentImage != 0){
				if(position != liProScroll ){
					$('div.view ul.selected').animate({	 
						top: '-='+move
					}, 800, function() {
						// END 
					});
					
					position = position - liProScroll;
					i--;
					$('#mediathek div.mediathekNav p.index').html(i + ' von ' + pages);
				}
			}
			$('div.view ul.selected li').eq(currentImage).removeClass('selected');
			$('div.view ul.selected li').eq(currentImage - 1).addClass('selected');
			$('#mediathek div.left #viewPictures div.pics img').attr('src', $('div.view ul.selected li').eq(currentImage - 1).find('a').attr('href'));
			$('#mediathek div.left #viewPictures div.pics img').attr('alt', $('div.view ul.selected li').eq(currentImage - 1).find('a').attr('title'));
			var picTitle = $('#mediathek div.right ul.selected li.selected').find('a').attr('title');
			$('#mediathek div.left #viewPictures div.navPics p.picTitle').html(picTitle);
		}
		else {
			$('div.view ul.selected').animate({	 
				top: (pages-1)*move
			}, 800, function() {
				// END 
			});
		
			position = pages*6;
			i = pages;
			$('#mediathek div.mediathekNav p.index').html(pages + ' von ' + pages);
			
			$('div.view ul.selected li').eq(currentImage).removeClass('selected');
			$('div.view ul.selected li').eq(countImages).addClass('selected');
			$('#mediathek div.left #viewPictures div.pics img').attr('src', $('div.view ul.selected li').eq(countImages).find('a').attr('href'));
			$('#mediathek div.left #viewPictures div.pics img').attr('alt', $('div.view ul.selected li').eq(countImages).find('a').attr('title'));
			var picTitle = $('#mediathek div.right ul.selected li.selected').find('a').attr('title');
			$('#mediathek div.left #viewPictures div.navPics p.picTitle').html(picTitle);
		}
		return false;
	});
		
	// Mediathek schließen
	$('a.close').live('click', function() {
		$('#mediathekOverlay').hide();
		$('#mediathekContainer').hide();
		$('#mediathek').animate({
			opacity: 0
		}, 300, function() {
			stopPlayer('mediathekPlayer');
			$(this).css('margin-left', 0);
			$(this).hide();
			
			if($('#pageBody').hasClass('welcome')){
				//$('div.video').css('background-image', 'none');
				//$('div.video #player').show();
				//$('#carousel .videoList li:first').addClass('aktiv');
				//if($('div.video a#player').length) {
//					$('#carousel .videoList li:first a').click();
//				}
//				else if($('div.video video').length) {
//					$('#pageBody .video video#player').remove();
//					$('#pageBody .video').append('<video class="player" id="player"></video>');
//					$('#pageBody .video video#player').attr("src", $('#carousel .videoList li:first a').attr("href"));
//					$('#carousel .videoList li:first').addClass('aktiv');
//				}
				$('#carousel ul.videoList').animate({
					left: 0
				}, 800, function() {
					$('a.button-prev').hide();
					$('a.button-next').show();
				});				
				horPosition = 3;				
			}			
		});		
		return false;
	});
	
	// Load VideoPlayer 
	if($('a#mediathekPlayer').length) {	
		if($('a#mediathekPlayer').hasClass('iPad')) {
			//iPad Player neu laden
			function loadMediathekPlayer(videoClip) {
				$f("mediathekPlayer", {src: '/swf/flowplayer-3.2.5.swf', wmode: 'transparent'}, {
					clip: { baseUrl: '', url: videoClip, autoPlay:true },
					plugins: { 
							controls: { 
								"borderRadius":"0px",
								"timeColor":"rgba(255, 255, 255, 1)",
								"slowForward":true,
								"bufferGradient":"none",
								"backgroundColor":"rgba(39, 35, 36, 1)",
								"volumeSliderGradient":"none",
								"slowBackward":false,
								"timeBorderRadius":20,
								"time":true,
								"progressGradient":"none",
								"height":26,
								"volumeColor":"#4599ff",
								"tooltips":{"marginBottom":5,
								"volume":true,
								"scrubber":true,
								"buttons":false},
								"opacity":1,
								"fastBackward":false,
								"timeFontSize":10,
								"bufferColor":"rgba(60, 60, 60, 1)",
								"border":"0px",
								"volumeSliderColor":"#ffffff",
								"buttonColor":"rgba(154, 154, 153, 1)",
								"mute":true,
								"autoHide":{"enabled":true,
								"hideDelay":500,
								"mouseOutDelay":500,
								"hideStyle":"fade",
								"hideDuration":400,
								"fullscreenOnly":true},
								"backgroundGradient":"none",
								"width":"498px",
								"display":"block",
								"sliderBorder":"1px solid rgba(128, 128, 128, 0.7)",
								"buttonOverColor":"rgba(246, 177, 29, 1)",
								"fullscreen":true,
								"timeBgColor":"rgb(0, 0, 0, 0)",
								"scrubberBarHeightRatio":0.5,
								"bottom":0,
								"stop":false,
								"zIndex":1,
								"sliderColor":"#000000",
								"borderColor":"rgba(0, 0, 0, 1)",
								"scrubberHeightRatio":0.6,
								"tooltipTextColor":"#ffffff",
								"sliderGradient":"none",
								"spacing":{"time":6,
								"volume":8,
								"all":2},
								"timeBgHeightRatio":0.8,
								"volumeSliderHeightRatio":0.6,
								"timeSeparator":" / ",
								"name":"controls",
								"volumeBarHeightRatio":0.2,
								"tooltipColor":"rgba(0, 0, 0, 0)",
								"playlist":false,
								"durationColor":"rgba(255, 255, 255, 1)",
								"play":true,
								"fastForward":true,
								"progressColor":"rgba(154, 154, 153, 1)",
								"timeBorder":"0px solid rgba(0, 0, 0, 0.3)",
								"volume":false,
								"scrubber":true,
								"volumeBorder":"1px solid rgba(128, 128, 128, 0.7)",
								"builtIn":false,
								"margins":[2,6,2,6]
							}
					}
				}).ipad();
			}
			$('#mediathek div.right div.view ul.selected li a').live('click', function () {													
				$('#viewPlayer a#mediathekPlayer object').remove();
				loadMediathekPlayer($(this).attr("href"));
				return false;
			});
		}
		else {
			// Rechner Player
			$f("mediathekPlayer", {src: '/swf/flowplayer-3.2.5.swf', wmode: 'transparent'}, {
				clip: { baseUrl: '', autoPlay:true },
				plugins: { 
						controls: { 
							"borderRadius":"0px",
							"timeColor":"rgba(255, 255, 255, 1)",
							"slowForward":true,
							"bufferGradient":"none",
							"backgroundColor":"rgba(39, 35, 36, 1)",
							"volumeSliderGradient":"none",
							"slowBackward":false,
							"timeBorderRadius":20,
							"time":true,
							"progressGradient":"none",
							"height":26,
							"volumeColor":"#4599ff",
							"tooltips":{"marginBottom":5,
							"volume":true,
							"scrubber":true,
							"buttons":false},
							"opacity":1,
							"fastBackward":false,
							"timeFontSize":10,
							"bufferColor":"rgba(60, 60, 60, 1)",
							"border":"0px",
							"volumeSliderColor":"#ffffff",
							"buttonColor":"rgba(154, 154, 153, 1)",
							"mute":true,
							"autoHide":{"enabled":true,
							"hideDelay":500,
							"mouseOutDelay":500,
							"hideStyle":"fade",
							"hideDuration":400,
							"fullscreenOnly":true},
							"backgroundGradient":"none",
							"width":"498px",
							"display":"block",
							"sliderBorder":"1px solid rgba(128, 128, 128, 0.7)",
							"buttonOverColor":"rgba(246, 177, 29, 1)",
							"fullscreen":true,
							"timeBgColor":"rgb(0, 0, 0, 0)",
							"scrubberBarHeightRatio":0.5,
							"bottom":0,
							"stop":false,
							"zIndex":1,
							"sliderColor":"#000000",
							"borderColor":"rgba(0, 0, 0, 1)",
							"scrubberHeightRatio":0.6,
							"tooltipTextColor":"#ffffff",
							"sliderGradient":"none",
							"spacing":{"time":6,
							"volume":8,
							"all":2},
							"timeBgHeightRatio":0.8,
							"volumeSliderHeightRatio":0.6,
							"timeSeparator":" / ",
							"name":"controls",
							"volumeBarHeightRatio":0.2,
							"tooltipColor":"rgba(0, 0, 0, 0)",
							"playlist":false,
							"durationColor":"rgba(255, 255, 255, 1)",
							"play":true,
							"fastForward":true,
							"progressColor":"rgba(154, 154, 153, 1)",
							"timeBorder":"0px solid rgba(0, 0, 0, 0.3)",
							"volume":false,
							"scrubber":true,
							"volumeBorder":"1px solid rgba(128, 128, 128, 0.7)",
							"builtIn":false,
							"margins":[2,6,2,6]
						}
				}
			}).ipad().playlist("#mediathek div.right div.view ul.selected li", {loop:false});
		}
	}
	
	if($('video').length && !$('a#player').length) {
		if (Modernizr.video) {		
			$('#mediathek div.right div.view ul li a').live('click', function () {
				if($('#mediathekPlayer').attr("src") != $(this).attr("href")) {
					$('#mediathekPlayer').remove();
					$('#viewPlayer').append('<video class="mediathekPlayer" id="mediathekPlayer" autoplay="autoplay"></video>');
					$('#mediathekPlayer').attr("src", $(this).attr("href"));
				}
				return false;
			});
		} else {
			$('#viewPlayer video').remove();
            $('#viewPlayer').append('<a class="mediathekPlayer" id="mediathekPlayer"></a>');
        }
	}
});