// *** vimeo config ***
(function( $ ){

  $.fn.vimeo = function() {
     	var vimeoPlayer = this;
     	$("#controls").hide();
		$(".videoplay").show();
		$(".videopause").hide();
		// Listen for the ready event for any vimeo video players on the page
		var player;

		return this.each(function () {
            player = this;
            $f(player).addEvent('ready', ready);

        });

		/**
* Utility function for adding an event. Handles the inconsistencies
* between the W3C method for adding events (addEventListener) and
* IE's (attachEvent).
*/
		function addEvent(element, eventName, callback) {
			if (element.addEventListener) {
				element.addEventListener(eventName, callback, false);
			}
			else {
				element.attachEvent('on' + eventName, callback);
			}
		}
		
		function getURLParam(strParamName) {
			 var strReturn = "";
			 var strHref = window.location.href;
			 if (strHref.indexOf("?") > -1) {
				 var strQueryString = strHref.substr(strHref.indexOf("?")).toLowerCase();
				 var aQueryString = strQueryString.split("&");
				 for (var iParam = 0; iParam < aQueryString.length; iParam++) {
					 if (aQueryString[iParam].indexOf(strParamName + "=") > -1) {
						 var aParam = aQueryString[iParam].split("=");
						 strReturn = aParam[1];
						 break;
					 }
				 }
			 }
			 return strReturn;
		}

		/**
* Called once a vimeo player is loaded and ready to receive
* commands. You can add events and make api calls only after this
* function has been called.
*/
		function ready(player_id) {
			// Keep a reference to Froogaloop for this player
			var container = document.getElementById(player_id).parentNode.parentNode,
				froogaloop = $f(player_id),
				apiConsole = container.querySelector('.console .output');
			
			
			function setupSimpleButtons() {
				var buttons = container.querySelector('#controls'),
					playBtn = buttons.querySelector('.videoplay'),
					pauseBtn = buttons.querySelector('.videopause'),
					muteBtn = buttons.querySelector('.videomute'),
					maxBtn = buttons.querySelector('.videomax');

				// play
				addEvent(playBtn, 'click', function() {
					froogaloop.api('play');
					$(".videoplay").hide();
					$(".videopause").show();
					$('.logo').addClass('invisible');
				}, false);
				
				//play/pause
				//addEvent(pauseBtn, 'click', function() {
//							froogaloop.api('paused', function (value, player_id) {
//                                var isPaused = value;
//								if(isPaused==true){
//									froogaloop.api('play');
//								}
//								else{
//									froogaloop.api('pause');
//								}								
//                            });                            
//                        }, false);
				
				//pause
				addEvent(pauseBtn, 'click', function() {
					froogaloop.api('pause');
					$(".videopause").hide();
					$(".videoplay").show(); 
					$('.logo').removeClass('invisible');
				}, false);
				
				//volume min
				addEvent(muteBtn, 'click', function() {
					froogaloop.api('setVolume', 0);
					$(".videomute").hide();
					$(".videomax").show();                      
				}, false);
				
				//volume max
				addEvent(maxBtn, 'click', function() {
					froogaloop.api('setVolume', 1);
					$(".videomax").hide();
					$(".videomute").show();                       
				}, false);		   
				
			}
			
			function setupEventListeners() {
				function onFinish() {
					froogaloop.addEvent('finish', function(data) {
							//sprachfassung ermitteln
							 var myLang = getURLParam('clang');
							 var myArticle = getURLParam('article_id');
							 if (myLang == '1') {
								 var homeLink = 'http://www.maintor-frankfurt.de/index.php?article_id=2&clang=1';
							 } else {
								 var homeLink = 'http://www.maintor-frankfurt.de/index.php?article_id=2&clang=0';
							 }
							 //window.location.href = 'http://www.maintor-frankfurt.de/de/home.html';
							 if (myArticle == '1') window.location.href = homeLink;
						});                                                      
				}
				function onPlay() {
					froogaloop.addEvent('play', function(data) {
							$(".videoplay").hide();
							$(".videopause").show();
						});                                                      
				}
				function onPause() {
					froogaloop.addEvent('pause', function(data) {
							$(".videoplay").show();
							$(".videopause").hide();
						});                                                      
				}
				function onPlayProgress() {
					var firstTime = 0;
					froogaloop.addEvent('playProgress', function(data) {
							if(firstTime==0){
								$(".videoplay").hide();
								$(".videopause").show();
								firstTime = 1;
							}
						});                                                      
				}
				onFinish();	
				onPlay();
				onPause();
				onPlayProgress();
			}
		   
			setupSimpleButtons();
			setupEventListeners();
			$('#loader').addClass('invisible');
			//froogaloop.api('play');
			$("#controls").show();
			$('.logo').addClass('invisible');
	} 
	};
})( jQuery );