/*
 * Helsinki JavaScript
 */

var TimeToFade = 1000.0;
var MinFade = 0.2;

function fade(eid) {


  var element = document.getElementById(eid);
  if(element == null) {
    return;
  }
  
  if(element.FadeState == null)
  {
    if(element.style.opacity == null
        || element.style.opacity == ''
        || element.style.opacity == '1')
    {
      element.FadeState = 2;
    }
    else
    {
      element.FadeState = -2;
    }
  }

  if(element.FadeState == 1 || element.FadeState == -1)
  {
    element.FadeState = element.FadeState == 1 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
  }
  else
  {
    element.FadeState = element.FadeState == 2 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade;
    setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33);
  }
}

function animateFade(lastTick, eid)
{
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
 
  var element = document.getElementById(eid);
//  var TimeToFade = element.FadeTimeLeft;
 
  if(element.FadeTimeLeft <= elapsedTicks)
  {
    element.style.opacity = element.FadeState == 1 ? '1' : MinFade;
    element.style.filter = 'alpha(opacity = ' + (element.FadeState == 1 ? '100' : (MinFade*100)) + ')';
    element.FadeState = element.FadeState == 1 ? 2 : -2;
    return;
  }

  element.FadeTimeLeft -= elapsedTicks;
  var newOpVal = ((element.FadeTimeLeft*(1-MinFade))/(TimeToFade) + MinFade);
  if(element.FadeState == 1)
    newOpVal = 1 - newOpVal + MinFade;

  element.style.opacity = newOpVal;
  element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';
 
  setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33);
}




	  	function publishStream() {
			FB.ui({
					method: 'feed',
					name: 'HELSINKI POETRY',
					link: 'http://helsinkipoetry.com',
					picture: 'http://helsinkipoetry.com/images/cover.jpg',
				//	caption: 'Download our new EP for free!',
					description: 'Download our new EP for free!',
					message: 'I just downloaded Helsinki Poetrys new EP for free! You could too! Just follow the link below. '
				},
			function(response) {
				if (response && response.post_id) {
					loadDownloadInIFrame(); // Start Download
				} else {
					alert('Post to facebook to start the download'); // Meddelelsen vises hvis brugeren ikke laver et post
				}
			});
		}

		function loadDownloadInIFrame() {
			var deviceAgent = navigator.userAgent.toLowerCase();
			var agentIDiDevice = deviceAgent.match(/(iphone|ipod|ipad)/);
			if (agentIDiDevice) {
				location.href='http://helsinkipoetry.com/ep_download/download.php';
			// Måske speciel IE kode her ??
			} else {
				iframe = document.getElementById('i');
				iframe.src = 'http://helsinkipoetry.com/ep_download/download.php';
			}
		}


	function muteOrUnmute() {
	var video = document.getElementById('video');
	var audio = document.getElementById('audio');
			video.muted = !video.muted;
			audio.muted = !audio.muted;
			if(video.muted) {
				document.getElementById('muteText').innerHTML ='<b>SOUND: OFF</b>';
				video.muteState = 1;
			} else {
				document.getElementById('muteText').innerHTML ='<b>SOUND: ON</b>';
				video.muteState = 0;
			}

	}


function doResize() {
	
	var deviceAgent = navigator.userAgent.toLowerCase();
	var agentIDiPhone = deviceAgent.match(/(iphone|ipod)/);
	var agentIDiPad = deviceAgent.match(/(ipad)/);
	
	if (agentIDiPad) {

//		$('#video_background_div').css('width', '100%');
//		$('#video_background_div').css('height', '635px');
		
//		$('#video').css('width', '1024px');
		$('#video').css('height', '618px'); // SAFE: 675 px + no top margin
		
		document.getElementById('video_background_div').style.marginTop = "22px";
	
	} else if (agentIDiPhone) {
		// iPhone specific resize here !!
		
	} else {
	
		var video_ratio = (1280/720);
            var x = 0;
            if (self.innerHeight) {
                      x = self.innerWidth;
            } else if (document.documentElement && document.documentElement.clientHeight) {
                      x = document.documentElement.clientWidth;
            } else if (document.body) {
                      x = document.body.clientWidth;
            }
			var y = 0;
			if (self.innerHeight) {
                      y = self.innerHeight; }
			else if (document.documentElement && document.documentElement.clientHeight) {
                      y = document.documentElement.clientHeight;
			} else if (document.body) {
                      y = document.body.clientHeight;
			}
			// den y-værdi, der ud fra vinduets x-værdi ville give videoen sin rette ratio
			var fs_y = x / video_ratio;

		if (document.getElementById('audio').active == 1) {
			document.getElementById('video_background_div').style.marginTop = "0px";
		} else if (fs_y < y && x > 1100) {
			var margin = parseInt((y-fs_y)/2);
			margin += "px";
			document.getElementById('video_background_div').style.marginTop = margin;
		} else if (fs_y < y && x <= 1100) {
			var margin = parseInt((y-619)/2);
			margin += "px";
			document.getElementById('video_background_div').style.marginTop = margin;
/*			$('#downloadBackground').css('right', '');
			$('#downloadText').css('right', '');
			$('#downloadBackground').css('left', '658px');
			$('#downloadText').css('left', '658px');
*/
		} else {
			document.getElementById('video_background_div').style.marginTop = "0px";
		}

		if (x <= 1100) {
			$('#downloadBackground').css('right', '');
			$('#downloadText').css('right', '');
			$('#downloadBackground').css('left', '535px');
			$('#downloadText').css('left', '535px');
			$('#like').css('right', '');
			$('#like').css('left', '535px');
			$('#controls').css('right', '');
			$('#controls').css('left', '918px');
			$('#controls2').css('right', '');
			$('#controls2').css('left', '840px');
			$('#cover').css('right', '');
			$('#cover').css('left', '898px');
		} else {
			$('#downloadBackground').css('left', '');
			$('#downloadText').css('left', '');
			$('#downloadBackground').css('right', '205px');
			$('#downloadText').css('right', '205px');
			$('#like').css('left', '');
			$('#like').css('right', '145px');
			$('#controls').css('left', '');
			$('#controls').css('right', '2px');
			$('#controls2').css('left', '');
			$('#controls2').css('right', '80px');
			$('#cover').css('left', '');
			$('#cover').css('right', '64px');
		}
	}
			$('#background_pic_div').css('left', (parseInt((x/2)-170) + 'px'));
			$('#background_pic_div').css('top', (parseInt((y/2)-170) + 'px'));
}

	function loadVideo1() {
		var video = document.getElementById('video');
		var isMuted = 0;
		if (video.muteState == null) {
				video.muteState = 0;
		}
		isMuted = video.muteState;
		
		if (video.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"') == "probably"){ // or "maybe" or ""
			video.src="video/manchester.mp4";
        	video.load();
        	video.play();
			document.getElementById('video1title').innerHTML = '<strike>MANCHESTER</strike>';
			document.getElementById('video2title').innerHTML = 'PHOENIX LIVE';
			if (isMuted == '1') {
				muteOrUnmute();
				muteOrUnmute();
			}
//			document.getElementById('loadBW').style.color='#CCFFCC';
//			document.getElementById('loadColor').style.color='#FFFFFF';
			video.addEventListener('ended',loadVideo2,false);
			return;
		} else if (video.canPlayType('video/ogg; codecs="theora, vorbis"') == "probably") {
			video.src="video/manchester.ogv";
        	video.load();
        	video.play();
			document.getElementById('video1title').innerHTML = '<strike>MANCHESTER</strike>';
			document.getElementById('video2title').innerHTML = 'PHOENIX LIVE';
			if (isMuted == '1') {
				muteOrUnmute();
				muteOrUnmute();
			}
//			document.getElementById('loadBW').style.color='#CCFFCC';
//			document.getElementById('loadColor').style.color='#FFFFFF';
			video.addEventListener('ended',loadVideo2,false);
			return;
		} else {
			alert('mp4 and ogg not supported'); // burde aldrig blive vist med browser-sniffing-code i start()
		}
		doResize();
	}


	function loadVideo2() {
		var video = document.getElementById('video');
		var isMuted = 0;
		if (video.muteState == null) {
				video.muteState = 0;
		}
		isMuted = video.muteState;
		if (video.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"') == "probably"){
			video.src="video/hp_spotcast.mp4";
        	video.load();
        	video.play();
			document.getElementById('video1title').innerHTML = 'MANCHESTER';
			document.getElementById('video2title').innerHTML = '<strike>PHOENIX LIVE</strike>';
			if (isMuted == '1') {
				muteOrUnmute();
				muteOrUnmute();
			}
//			document.getElementById('loadColor').style.color='#CCFFCC';
//			document.getElementById('loadBW').style.color='#FFFFFF';
			video.addEventListener('ended',loadVideo1,false);
			return;
		} else if (video.canPlayType('video/ogg; codecs="theora, vorbis"') == "probably") {
			video.src="video/hp_spotcast.ogv";
        	video.load();
        	video.play();
			document.getElementById('video1title').innerHTML = 'MANCHESTER';
			document.getElementById('video2title').innerHTML = '<strike>PHOENIX LIVE</strike>';
			if (isMuted == '1') {
				muteOrUnmute();
				muteOrUnmute();
			}
//			document.getElementById('loadColor').style.color='#CCFFCC';
//			document.getElementById('loadBW').style.color='#FFFFFF';
			video.addEventListener('ended',loadVideo1,false);
//			return;
		} else {
			alert('mp4 or ogg not supported');
		}
		doResize();
	}


	function loadAudio1() {
		var audio = document.getElementById('audio');
		var video = document.getElementById('video');
		var isMuted = 0;
		if (video.muteState == null) {
				video.muteState = 0;
		}
		isMuted = video.muteState;		
		if (!!audio.canPlayType && audio.canPlayType('audio/mpeg;').replace(/no/, '')) {
			audio.src="audio/odessa.mp3";
        	audio.load();
       		audio.play();
			document.getElementById('audio1title').innerHTML = '<strike>ODESSA</strike>';
			document.getElementById('audio2title').innerHTML = 'PHOENIX';
			document.getElementById('audio3title').innerHTML = 'MARRAKECH';
			document.getElementById('audio4title').innerHTML = 'MANCHESTER';
			document.getElementById('backgroundPic').src ='images/audio1.jpg';
			if (isMuted == '1') {
				muteOrUnmute();
				muteOrUnmute();
			}
			audio.addEventListener('ended',loadAudio2,false);
			return;
		} else { //if (audio.canPlayType('audio/ogg; codecs="vorbis"') == "probably") {
			audio.src="audio/odessa.ogg";
        	audio.load();
       		audio.play();
			document.getElementById('audio1title').innerHTML = '<strike>ODESSA</strike>';
			document.getElementById('audio2title').innerHTML = 'PHOENIX';
			document.getElementById('audio3title').innerHTML = 'MARRAKECH';
			document.getElementById('audio4title').innerHTML = 'MANCHESTER';
			document.getElementById('backgroundPic').src ='images/audio1.jpg';
			if (isMuted == '1') {
				muteOrUnmute();
				muteOrUnmute();
			}
			audio.addEventListener('ended',loadAudio2,false);
			return;
		} 
	}
	
	function loadAudio2() {
		var audio = document.getElementById('audio');
		var video = document.getElementById('video');
		var isMuted = 0;
		if (video.muteState == null) {
				video.muteState = 0;
		}
		isMuted = video.muteState;	
		if (!!audio.canPlayType && audio.canPlayType('audio/mpeg;').replace(/no/, '')) {
			audio.src="audio/phoenix.mp3";
        	audio.load();
       		audio.play();
			document.getElementById('audio1title').innerHTML = 'ODESSA';
			document.getElementById('audio2title').innerHTML = '<strike>PHOENIX</strike>';
			document.getElementById('audio3title').innerHTML = 'MARRAKECH';
			document.getElementById('audio4title').innerHTML = 'MANCHESTER';
			document.getElementById('backgroundPic').src ='images/audio1.jpg';
			if (isMuted == '1') {
				muteOrUnmute();
				muteOrUnmute();
			}
			audio.addEventListener('ended',loadAudio3,false);
			return;
		} else { //if (audio.canPlayType('audio/ogg; codecs="vorbis"') == "probably") {
			audio.src="audio/phoenix.ogg";
        	audio.load();
       		audio.play();
			document.getElementById('audio1title').innerHTML = 'ODESSA';
			document.getElementById('audio2title').innerHTML = '<strike>PHOENIX</strike>';
			document.getElementById('audio3title').innerHTML = 'MARRAKECH';
			document.getElementById('audio4title').innerHTML = 'MANCHESTER';
			document.getElementById('backgroundPic').src ='images/audio1.jpg';
			if (isMuted == '1') {
				muteOrUnmute();
				muteOrUnmute();
			}
			audio.addEventListener('ended',loadAudio3,false);
			return;
		}
	}
	
	function loadAudio3() {
		var audio = document.getElementById('audio');
		var video = document.getElementById('video');
		var isMuted = 0;
		if (video.muteState == null) {
				video.muteState = 0;
		}
		isMuted = video.muteState;	
		if (!!audio.canPlayType && audio.canPlayType('audio/mpeg;').replace(/no/, '')) {
			audio.src="audio/marrakech.mp3";
        	audio.load();
       		audio.play();
			document.getElementById('audio1title').innerHTML = 'ODESSA';
			document.getElementById('audio2title').innerHTML = 'PHOENIX';
			document.getElementById('audio3title').innerHTML = '<strike>MARRAKECH</strike>';
			document.getElementById('audio4title').innerHTML = 'MANCHESTER';
			document.getElementById('backgroundPic').src ='images/audio1.jpg';
			if (isMuted == '1') {
				muteOrUnmute();
				muteOrUnmute();
			}
			audio.addEventListener('ended',loadAudio4,false);
			return;
		} else { //if (audio.canPlayType('audio/ogg; codecs="vorbis"') == "probably") {
			audio.src="audio/marrakech.ogg";
        	audio.load();
       		audio.play();
			document.getElementById('audio1title').innerHTML = 'ODESSA';
			document.getElementById('audio2title').innerHTML = 'PHOENIX';
			document.getElementById('audio3title').innerHTML = '<strike>MARRAKECH</strike>';
			document.getElementById('audio4title').innerHTML = 'MANCHESTER';
			document.getElementById('backgroundPic').src ='images/audio1.jpg';
			if (isMuted == '1') {
				muteOrUnmute();
				muteOrUnmute();
			}
			audio.addEventListener('ended',loadAudio4,false);
			return;
		}
	}


	function loadAudio4() {
		var audio = document.getElementById('audio');
		var video = document.getElementById('video');
		var isMuted = 0;
		if (video.muteState == null) {
				video.muteState = 0;
		}
		isMuted = video.muteState;	
		if (!!audio.canPlayType && audio.canPlayType('audio/mpeg;').replace(/no/, '')) {
			audio.src="audio/manchester.mp3";
        	audio.load();
       		audio.play();
			document.getElementById('audio1title').innerHTML = 'ODESSA';
			document.getElementById('audio2title').innerHTML = 'PHOENIX';
			document.getElementById('audio3title').innerHTML = 'MARRAKECH';
			document.getElementById('audio4title').innerHTML = '<strike>MANCHESTER</strike>';
			document.getElementById('backgroundPic').src ='images/audio1.jpg';
			if (isMuted == '1') {
				muteOrUnmute();
				muteOrUnmute();
			}
			audio.addEventListener('ended',loadAudio1,false);
			return;
		} else { //if (audio.canPlayType('audio/ogg; codecs="vorbis"') == "probably") {
			audio.src="audio/manchester.ogg";
        	audio.load();
       		audio.play();
			document.getElementById('audio1title').innerHTML = 'ODESSA';
			document.getElementById('audio2title').innerHTML = 'PHOENIX';
			document.getElementById('audio3title').innerHTML = 'MARRAKECH';
			document.getElementById('audio4title').innerHTML = '<strike>MANCHESTER</strike>';
			document.getElementById('backgroundPic').src ='images/audio1.jpg';
			if (isMuted == '1') {
				muteOrUnmute();
				muteOrUnmute();
			}
			audio.addEventListener('ended',loadAudio1,false);
			return;
		}
	}

/*
function supports_h264_baseline_video() {
  if (!supports_video()) { return false; }
  var v = document.createElement("video");
  return v.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');
}

function supports_ogg_theora_video() {
  if (!supports_video()) { return false; }
  var v = document.createElement("video");
  return v.canPlayType('video/ogg; codecs="theora, vorbis"');
}

function supports_webm_video() {
  if (!supports_video()) { return false; }
  var v = document.createElement("video");
  return v.canPlayType('video/webm; codecs="vp8, vorbis"');
}
*/

	function goFullscreen() {
		document.getElementById('fullscreen').innerHTML = '<b>> return <</b>';
		$("#controls2").fadeTo(2000, 0.5); //fadeOut i stedet ?

		$("#controls").fadeOut(2000);
		$("#cover").fadeOut(2000);
		$("#bandname_div").fadeOut(2000);
		$("#downloadText").fadeOut(2000);
		$("#like").fadeOut(2000);
		$("#links_div").fadeOut(2000);
		$("#downloadBackground").fadeOut(2000);
	}

	function leaveFullscreen() {
		document.getElementById('fullscreen').innerHTML = '<b>FULLSCREEN</b>';
		$("#controls2").fadeTo(2000, 1);

		$("#controls").fadeTo(2000, 1);
		$("#cover").fadeTo(2000, 1);
		$("#bandname_div").fadeTo(2000, 1);
		$("#downloadText").fadeTo(2000, 1);
		$("#like").fadeTo(2000, 1);
		$("#links_div").fadeTo(2000, 1);
		$("#downloadBackground").fadeTo(2000, 1);
	}


	function goAudio() {
		document.getElementById('audio').active = 1;
		$('#background_pic_div').css('display', 'inherit');
		$('#background_pic_div').css('width', '100%');		
		document.getElementById('toggleAudio').innerHTML = '<b><u>AUDIO</u></b>';
		document.getElementById('toggleVideo').innerHTML = '<b>VIDEO</b>';
		var video = document.getElementById('video');
		$("#controls2").fadeOut(1000);
		$("#video").fadeOut(1000);
		$("#playlist_r1").fadeOut(1000);
		$("#playlist_r2").fadeOut(1000, function() {
    		$("#playlist_r3").fadeTo(1000, 1);
			$("#playlist_r4").fadeTo(1000, 1);
			$("#playlist_r5").fadeTo(1000, 1);
			$("#playlist_r6").fadeTo(1000, 1);
			video.src="";
			video.load();
			loadAudio1();
			document.getElementById('video1title').innerHTML ='MANCHESTER';
			document.getElementById('video2title').innerHTML ='PHOENIX LIVE';
  		});
	}


	function goVideo() {
		document.getElementById('audio').active = 0;
		$('#background_pic_div').css('display', 'none');
		document.getElementById('toggleAudio').innerHTML = '<b>AUDIO</b>';
		document.getElementById('toggleVideo').innerHTML = '<b><u>VIDEO</u></b>';
		var audio = document.getElementById('audio');
		$("#video").fadeTo(1000, 1);
		$("#playlist_r3").fadeOut(1000);
		$("#playlist_r6").fadeOut(1000);
		$("#playlist_r5").fadeOut(1000);
		$("#playlist_r4").fadeOut(1000, function() {
    		$("#controls2").fadeTo(1000, 1);
			$("#playlist_r1").fadeTo(1000, 1);
			$("#playlist_r2").fadeTo(1000, 1);
			audio.src="";
			audio.load();
			loadVideo1();
			document.getElementById('audio1title').innerHTML = 'ODESSA';
			document.getElementById('audio2title').innerHTML = 'PHOENIX';
			document.getElementById('audio3title').innerHTML = 'MARRAKECH';
			document.getElementById('audio4title').innerHTML = 'MANCHESTER';
			$('#background_pic_div').css('display', 'none');
			document.getElementById('backgroundPic').src ='images/audio1.jpg';
  		});
	}


	function start() {
/*	
		document.getElementById('loadVideo1Marker').innerHTML ='->';
		document.getElementById('video').addEventListener('ended',loadVideo2,false);
*/
		// flyt evt op som første step i start() ??

		if($.browser.msie) {
			$("#downloadText").css('font-size', '19px');
			if($.browser.version=="6.0") {
//				alert("Im the annoying IE6");
				location.href="old_ie.html";
			}
		}
/*
		var ua = $.browser;
		if ( ua.msie) { //Internet Eksplorer
			alert("INTERNET EXPLORER");
			alert(parseInt(ua.version));
		}
			if (parseInt(ua.version, 10) == 5.0) { // virker det?
				alert(" test! ");
				location.href="old_ie.html";
			} else if (parseInt(ua.version) == 533 || parseInt(ua.version, 10) == 8.0 ) {
				// fade all controls and load the alert text - with links - in the control iframe
				alert("To enjoy all functionality on this website, use a HTML5-compatible browser such as Mozilla Firefox or Google Chrome");
				$("#controls").fadeOut(2000); // virker det?
			}
		} else if (ua.mozilla) { // Mozilla
			alert("FIREFOX");
		} else if (ua.webkit) { // Mozilla
			
			$("#on_off_r1").fadeOut(1000);
			$("#fullscreen_row").fadeOut(1000);
			$("#playlist_r1").fadeOut(1000);
			$("#playlist_r2").fadeOut(1000);
			$("#playlist_r3").fadeOut(1000);
			$("#playlist_r4").fadeOut(1000);
			$("#playlist_r5").fadeOut(1000);
*/
		doResize(); // setTimeout til et par sekunder ?? - så videoen har nået at loade lidt..

		if (!(!!document.createElement('video').canPlayType)) {
			$("#controls_table").fadeOut(3000, function() {
				document.getElementById('controls2').innerHTML ='To enjoy all functionality on this website, use a HTML5-compatible browser such as <a href="http://mozilla.com/firefox"><u>Mozilla Firefox 4</u></a>, <a href="http://www.google.com/chrome"><u>Google Chrome</u></a> or <a href="http://windows.microsoft.com/ie"><u>Internet Explorer 9</u></a>';
			})
		} else {
			loadVideo1();
		}

		var deviceAgent = navigator.userAgent.toLowerCase();
		var agentIDiPhone = deviceAgent.match(/(iphone|ipod)/); // deviceAgent.match(/(iphone|ipod|ipad)/);
		var agentIDiPad = deviceAgent.match(/(ipad)/);
		// iPad, iPod eller iPad
		if (agentIDiPhone) {
			// lav et fake click der starter video + resize bagefter så video fylder hele skærmen
			goAudio();
			alert("Due to Apple restrictions, you need to start the audio playback manually by using the player controls in the top-right corner");
			document.getElementById('loadAudio1Marker').innerHTML ='';
			$("#toggleVideo").fadeTo(2000, 0.2);
			$("#toggleSeparator").fadeTo(2000, 0.2);
			$("#toggleVideo").unbind(); // unbind("click", goVideo); // WHY IS IT NOT WORKING ??? Check bindings in index.php
			$("#on_off_row").fadeTo(2000, 0.2);
			$("#on_off_row").unbind("click");
		} else if (agentIDiPad) {
			alert("Due to Apple restrictions, you need to start the background video manually by using the player controls in the top-right corner");
			document.getElementById('loadVideo1Marker').innerHTML ='';
			$("#on_off_row").fadeTo(2000, 0.2);
			$("#on_off_row").unbind("click");
		}
	}