// IE6 detection
var isIE6	= (window.external && (typeof window.XMLHttpRequest == "undefined"));

// load stream
var cam = false;
var timerID;

function loadStream(file, autostart){
	if (!file){
		file = cam;
	}
	if (!autostart){
		autostart = 'false';
	}
	cam = file;
	
//	console.log("loadStream : " + file + ", " + autostart);
	
	var so = new SWFObject('jwplayer/player-licensed.swf', 'mpl', '645', '475', '10.1');
	so.addParam('allowfullscreen', 'true');
	so.addParam('allowscriptaccess', 'always');
	so.addParam('wmode', 'transparent');

	if ( showplayer == 1){
		so.addVariable('image', 'graphics/'+preview);
	} else {
		so.addVariable('image', 'graphics/storing.jpg');
	}

	so.addVariable('autostart', autostart);
	so.addVariable('controlbar', 'none');
	so.addVariable('bufferlength', '2');
	so.addVariable('duration', '0');
	so.addVariable('repeat', 'list');
	so.addVariable('stretching','fill');
	so.addVariable('provider', 'rtmp');
	so.addVariable('file', file+'.sdp');
	so.addVariable('streamer', 'rtmpt://wowza2.streamiq.nl/rtplive/');
	so.write('player');
	
	// stop the stream after 3 minutes
	if (timerID) {
		clearTimeout(timerID);
	}
	
	timerID	= setTimeout("stopStream()", 120000);
}

function stopStream(){
	var player = document.getElementById("mpl");
	player.sendEvent('PLAY', 'false');
}

function onBlur() {
	if(cam){
		timerID	= setTimeout("stopStream()", 1000);
	}
}
	
// form validation
function validEmail(str){
	var pattern	= new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
	return pattern.test(str);
}
function validPhone(str){
	str	= str.replace(/\s+/g, '');
	var pattern	= new RegExp(/^\d+$/);
	return pattern.test(str);
}

$(document).ready(function(){
	// make some enhancements for advanced browsers
    if (!isIE6){
		$("#online-tickets").hover(function(){
			$(this).attr('src','graphics/buttons/online-tickets-ro.png');
		},
		function(){
			$(this).attr('src','graphics/buttons/online-tickets.png');
		});
	}
	
	// must attach handlers before setting initial state!
	$(".camButtons a").each(function(i){
		if($(this).attr("class") != "btn naar-overzicht"){
			$(this).click(function(e){
				$("a.active").each(function(){
					$(this).removeClass("active");
				});
				$(this).addClass("active");
				loadStream($(this).attr('rel'),'true');
				e.preventDefault();
			});
		}
	});
	
	// load first player + stream, set initial state

	loadStream(firststream, 'false');
	$("#"+firststream).addClass("active");
	
	// rss feed : parsed with jFeed plugin
	if ($('#rss-feed').length) {
		$.getFeed({
	        url: 'data/rss.php',
	        success: function(feed) {
	            $('#rss-feed').empty();
				var html = '';
	            for(var i = 0; i < feed.items.length && i < 3; i++) {
					var item = feed.items[i];
					html += "<div class='item'>";
					// trim title after 65 characters
					if (item.title.length > 65) {
						item.title = item.title.slice(0,65)+"...";
					}
					html += "<div class='title'><a href='"+ item.link +"' target='_parent'>"+ item.title +"</a></div>";
					html += "<div class='pubDate'>"+ item.updated.substring(0,16) +"</div>";
					html += "</div>";
				}
	            $('#rss-feed').append(html);
	        }    
	    });	
	}
	
	// NL language version
	$("#verstuur").click(function(e){
		e.preventDefault();
		var email	= $("#sign-up #email").attr('value');
		var sms		= $("#sign-up #sms").attr('value');
		
		$("#email,#sms").css({'background':'#fff'});
		
		if (!email && !sms) {
			//alert('empty');
			$("#email").css({'background':'#ffff00'});
			$("#sms").css({'background':'#ffff00'});
		} else {
			// validate
			var valid = new Array();
			
			if (email !== ''){
				if (validEmail(email)) {
					valid[email] = true;
				} else {
					valid[email] = false;
				}
			} else {
				valid[email] = true;
			}
				
			if (sms !== ''){
				if (validPhone(sms)) {
					valid[sms] = true;
				} else {
					valid[sms] = false;
				}
			} else {
				valid[sms] = true;
			}
			
			// submit or display errors
			if (valid[email] == true && valid[sms] == true){
				$("#block3 form, #block3 div").remove();
				$("#block3").append("<div id='bedankt'><img src='graphics/loading-red.gif' alt='loading' /></div>");
				
				// ajax post to server
				var str = 'email='+email+'&sms='+sms+'&hl=nl';
				//console.log(str);
				$.ajax({
					type: "POST",
					url: "data/sign_up.php",
					data: str,
					success: function(data){
						$("#bedankt").html(data);
					}
				});
			} else {
				if (!valid[email]){
					$("#email").css({'background':'#ffff00'});
				}
				if (!valid[sms]){
					$("#sms").css({'background':'#ffff00'});
				}
			}
		}
	});
	
	// EN language version
	$("#submit").click(function(e){
		e.preventDefault();
		var email = $("#email").attr('value');
		$("#email").css({'background':'#fff'});
		
		if (!email) {
			//alert('empty');
		} else {
			// validate
			var valid = new Array();
			
			if (email !== ''){
				if (validEmail(email)) {
					valid[email] = true;
				} else {
					valid[email] = false;
				}
			} else {
				valid[email] = true;
			}
			
			// submit or display errors
			if (valid[email] == true){
				$("#block3-en form, #block3-en div").remove();
				$("#block3-en").append("<div id='bedankt-en'><img src='graphics/loading-red.gif' alt='loading' /></div>");
				
				// ajax post to server
				var str = 'email='+email+'&sms=&hl=en';
				//console.log(str);
				$.ajax({
					type: "POST",
					url: "../data/sign_up.php",
					data: str,
					success: function(data){
						$("#bedankt-en").html(data);
					}
				});
			} else {
				if (!valid[email]){
					$("#email").css({'background':'#ffff00'});
				}
			}
		}
	});
});