var updatesong = false;
var activesongid = "-1";
var playlistclassname = "playlisteven";


function noa(){
	jQuery.support.cors = true;
	$.ajax({
		url: '/xml/noa',
		crossDomain: true,
		dataType: 'json',
		cache:false,
		success: function(data) {
			var artist = data.artist;		
			var title = data.title;
			var songid = data.songid;
			var timestamp = data.timestamp;
			var requesttxt = data.requesttxt;
			if(data.artistdata == null){
				var pic = "/images/empty.gif";
			}
			else{
				var pic = "http://images.atalantafm.nl/"+data.artistdata.photo;
			}
			
			$('#noaartist').html(artist);
			$('#noatitle').html(title);
			$('#noapic').attr('src', pic);
			
			
			//update playlist
			if(updatesong ==  true && activesongid != songid){
				if(playlistclassname == 'playlistodd'){
					playlistclassname = 'playlisteven';
				}
				else{
					playlistclassname = "playlistodd";
				}
				$('#playlist').prepend("<li><div id=\"songid"+songid+"\" class=\""+playlistclassname+" pp\" style=\"display:none;\"><div class=\"time\">"+timestamp+" uur:</div><div class=\"entry\">"+artist+" - "+title+"</div></div></li>");
				activesongid = songid;
				
				$('#songid'+songid).slideDown();
				
				
			}
			
			//request announcement
			if(requesttxt == null){
				$('#requestinfo').html('Vraag nu jouw favoriete plaat aan via www.atalantafm.nl!');
			}
			else{
				$('#requestinfo').html(requesttxt);
			}
			
			
			setTimeout("noa()",3000);
		},
		error: function (XMLHttpRequest, textStatus, errorThrown) {
			//alert(textStatus);
			//alert(errorThrown);
			setTimeout("noa()",1000);
		}
	});
}


function openplayer(){	
	var day = new Date();
	var id = day.getTime();
	eval("page" + id + " = window.open('http://live.atalantafm.nl/', '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=700,height=260,left = 100,top = 100');");	
}


function playlist(){
	//ophalen van de data
	var day = $('#day').val();
	var hours = $('#hours').val();
	var st = parseFloat(hours)+parseFloat(day);
	playlistclassname = "playlisteven"; 
	
	jQuery.support.cors = true;
	var url = '/xml/playlist/'+st;
	$.ajax({
		url: url,
		crossDomain: true,
		dataType: 'json',
		cache:false,
		success: function(data) {

			if(data.code == '1'){
				$('#list').html('De playlist van het gekozen uur is (nog) niet beschikbaar');		
				$('#list').slideDown('slow', function(){
					$('#list').delay(3000).slideUp('slow', function(){
						$('#list').html('');		
					});					
				});
			}
			else{
			
			
				updatesong = false;
				$('#playlist').fadeOut('slow', function(){
					//nieuwe data plaatsen en weer tonen
					$('#playlist li').remove();
					
					$.each(data, function(i, item) {

						var artist = item.artist;		
						var title = item.title;
						var songid = item.songid;
						var timestamp = item.timestamp;
						
						if(playlistclassname == 'playlistodd'){
							playlistclassname = 'playlisteven';
						}
						else{
							playlistclassname = "playlistodd";
						}
						$('#playlist').prepend("<li><div id=\"songid"+songid+"\" class=\""+playlistclassname+" pp\"><div class=\"time\">"+timestamp+" uur:</div><div class=\"entry\">"+artist+" - "+title+"</div></div></li>");					
					});				
					
					$('#playlist').fadeIn('slow', function(){

					});	
				});	

			}				
			
			
		},
		error: function (XMLHttpRequest, textStatus, errorThrown) {
			alert(textStatus);
			alert(errorThrown);
		}
	});			
}




var wt = "#weather";
function weathertraffic(){
	$(wt).delay(3000).slideUp('slow', function() {
		if(wt == "#weather"){
			wt = "#traffic";
		}
		else{
			wt = "#weather";
		}

		$(wt).slideDown('slow', function() {
			weathertraffic();
		});
	});
}


function guide(){
	var i = 0;
	var mleft = 0;
	$('[class=guidegadget]').each(function() { 
		var day = $(this).attr('id');
		if(i != 0){
			$('#bulletnavigation').append("<li><a href=\"#\" onclick=\"slideguide('"+day+"', '"+mleft+"');return false;\"><img id=\"guide_"+day+"\" src=\"/images/stip_inactive.png\" alt=\""+day+"\" /></a></li>");		
		}
		else{
			$('#bulletnavigation').append("<li><a href=\"#\" onclick=\"slideguide('"+day+"', '"+mleft+"');return false;\"><img id=\"guide_"+day+"\" src=\"/images/stip_active.png\" alt=\""+day+"\" /></a></li>");	
			guide_img = "#guide_"+day;
		}
		
		mleft = mleft+670;
		
		i++;
	}); 
	setToday();
	
}

var guide_img = null;
function slideguide(id, left){
	var img = "#guide_"+id;
	$(img).attr('src','/images/stip_active.png');
	
	if(guide_img != null){
		$(guide_img).attr('src','/images/stip_inactive.png');
	}
	guide_img = img;
	
	$("#slideguide ul").animate({"marginLeft": "-"+left+"px"}, "slow");
}


function setToday(){
	var now = new Date(); 
	var today = now.getDay();
	var m = (670*today)-670;
	slideguide(today, m);
}





function archivetop30(edition){
/*
	$('#positionb').fadeOut('fast', function(){
		$('#positiona').fadeOut('fast', function(){
			//zet nieuwe lijsten
			$('#positiona').fadeIn('fast', function(){
				$('#positionb').fadeIn('fast', function(){
				
				});			
			});
		});
	});
*/

	var url = "/top30/"+edition;
	window.location = url;
}


function makeRequest(input, callfunction){

	if(callfunction == 'artist'){
		var url = '/xml/request/artist/'+input;
	}
	else if(callfunction == 'songs'){
		var url = '/xml/request/songs/'+input;
	}
	else if(callfunction == 'prerequestsong'){
		var url = '/xml/request/prerequest/'+input;
	}	
	
	jQuery.support.cors = true;
	$.ajax({
		url: url,
		crossDomain: true,
		dataType: 'json',
		cache:false,
		success: function(data) {
			
			if(callfunction == 'artist'){
				if(data.code == '1'){
					var htmllist = "<h2>Helaas...</h2>Er kan geen artiest gevonden worden aan de hand van uw invoer";
				}
				else{
				
					var n = 0;
					var htmllist = "";
						$.each(data, function(i, item) {
							var artist = item.artiest;	
							
							if (n%2){
								var s = "even";
							}
							else{
								var s = "odd";
							}

							htmllist += "<li class=\""+s+"\"><a href=\"#"+artist+"\" onclick=\"makeRequest('"+artist+"', 'songs');return false;\">"+artist+"</a></li>";
							n++;
						});				
					htmllist += "</ul>";
					
					htmllist = "<h2>"+n+" artiesten gevonden</h2><ul>"+htmllist;
				}
			
				$('#list').css('display','none');
				$('#list').html(htmllist);
				$('#list').slideDown('slow',function(){
					$('#intro').slideUp('slow',function(){});
				});
							
		
			}
			else if(callfunction == 'songs'){
				var n = 0;
				
				var htmllist = "<ul>";
					$.each(data, function(i, item) {
						var artist = item.artiest;	
						var titel = item.titel;	
						var songid = item.songid;	
						
						if (n%2){
							var s = "even";
						}
						else{
							var s = "odd";
						}
						
						htmllist += "<li class=\""+s+"\"><table cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr><td width=\"250\"><a href=\"#"+artist+"\" onclick=\"makeRequest('"+songid+"', 'prerequestsong');return false;\">"+artist+"</a></td><td><a href=\"#"+artist+"\" onclick=\"makeRequest('"+songid+"', 'prerequestsong');return false;\">"+titel+"</a></td></tr></table></li>";
						n++;
					});				
				htmllist += "</ul>";
				
				if(n == 1){
					var htmllist = "<h2>"+n+" plaat gevonden</h2><ul>"+htmllist;
				}
				else{
					var htmllist = "<h2>"+n+" platen gevonden</h2><ul>"+htmllist;
				}
				
				$('#list').slideUp('slow',function(){
					$('#list').html(htmllist);
					$('#list').slideDown('slow',function(){

					});
				});

				
			}
			else if(callfunction == 'prerequestsong'){
				
				if(data.code == '0'){
					var htmllist = "<h2>Plaat aanvragen</h2>";
						htmllist += "Vul hieronder uw naam, emailadres en de reden van het verzoeknummer in. Na ontvangst van je verzoekplaat wordt deze ingepland om te worden gedraait. Doorgaans wordt je verzoekplaat binnen anderhalf uur gedraait. De reden van je verzoek zal tijdens de uitzending worden geplaatst op de homepage.";
						htmllist += "<br/><br/><form id=\"submitform\" name=\"submitform\" method=\"post\" action=\"/xml/request/dorequest\" onsubmit=\"submitrequest();return false;\">";
							htmllist += "<div class=\"requestelement\"><input type=\"hidden\" id=\"req_songid\" name=\"req_songid\" value=\""+data.songid+"\" /></div>";
							htmllist += "<div class=\"requestelement\"><label for=\"req_name\">Naam</label><input type=\"text\" id=\"req_name\" name=\"req_name\" value=\"\" /></div>";
							htmllist += "<div class=\"requestelement\"><label for=\"req_email\">E-mailadres</label><input type=\"text\" id=\"req_email\" name=\"req_email\" value=\"\" /></div>";
							htmllist += "<div class=\"requestelement\"><label for=\"req_msg\">Ik vraag deze plaat aan, omdat</label><textarea id=\"req_msg\" name=\"req_msg\"></textarea></div>";
							htmllist += "<div class=\"requestelement\"><input type=\"submit\" id=\"req_submit\" name=\"req_submit\" value=\"plaat aanvragen\" /></div>";
						htmllist += "</form>";
					
					$('#list').slideUp('slow',function(){
						$('#list').html(htmllist);
						$('#list').slideDown('slow',function(){
							
						});
					});
				}
				else{
					alert(data.melding);
				}
			}
		},
		error: function (XMLHttpRequest, textStatus, errorThrown) {
			alert(textStatus);
			alert(errorThrown);
		}
	});		
	
		

}


function submitrequest(){
	var dorequest = true;
	if($('#req_name').attr('value') != ''){
		$('#req_name').css('border','solid 1px #000000');
		
		if($('#req_email').attr('value') != ''){
			$('#req_email').css('border','solid 1px #000000');
		
			if($('#req_msg').attr('value') != ''){
				$('#req_msg').css('border','solid 1px #000000');
			}
			else{
				$('#req_msg').css('border','solid 1px red');
				dorequest = false;
			}			
		}
		else{
			$('#req_email').css('border','solid 1px red');
			dorequest = false;
		}
				
	}
	else{
		$('#req_name').css('border','solid 1px red');
		dorequest = false;
	}

	if(dorequest == true){
		var postdata = $("#submitform").serialize();
		$.ajax({
			type: "POST",
			cache:false,
			url: "/xml/request/dorequest",
			data: postdata,
			dataType: "JSON",
			success: function(data){
				if(data.didrequest == 'true'){
					var htmllist = "<h2>Hartelijk dank</h2>We hebben je verzoeknummer ontvangen. Binnen anderhalf uur kun je jouw verzoeknummer horen op Atalanta FM.";
					
					$('#list').slideUp('slow',function(){
						$('#list').html(htmllist);
						$('#list').slideDown('slow',function(){
							
						});
					});			
				}
				else{
					alert('Verzoek kon niet worden afgehandeld. Probeer opnieuw');
				}
			},
			error: function (XMLHttpRequest, textStatus, errorThrown) {
				alert(textStatus);
				alert(errorThrown);
			}
		
		});	
		
	}
	return false;
}


function sethour(){
	var now = new Date(); 
	var stamp = now.getHours()*3600;
	$("#hours").val(stamp); 

}


var roll_id = 0;
var totaal = 5;
function starthomepage(){
	$('#photo'+roll_id).removeClass('itemon');
	$('#text'+roll_id).css('display','none');
	$('#photo'+roll_id).addClass('item');
	
	roll_id = roll_id+1;
	if(roll_id == totaal){
		roll_id = 0;
	}	
	$('#photo'+roll_id).addClass('itemon');
	$('#text'+roll_id).css('display','block');	
	

	$('#frontbigphoto').css('background-image',"url(/files/introbig_"+roll_id+".jpg)");
	setTimeout("starthomepage()",3000);
}


$(document).ready(function(){
	noa();
	weathertraffic();
});