$(document).ready(function(){
   // Your code here
  $.getJSON('/bestilling/musikjson.php?echoMeOut=1', function(data) {
    $.each(data, function(i,items){
	    /*console.log(items.Name);*/
	    $("#musikjson").append(
	
	"<div style=\"margin-top:4px;\"><div><a href=\"javascript:toggleelem('titel-" + items.ID + "')\">" + items.Name + "</a></div>" +
	"<div id=\"titel-"+ items.ID +"\" style=\"display:none; padding:8px;\">" +
		"<div style=\"float:left; margin-left:2px;\">Tilføj til bestilling <input type=\"checkbox\" name=\"songs["+ items.ID +"]\" id=\"" + items.ID + "\" /></div>" +
		"<div style=\"float:left; margin-right:8px;\">Angiv antal vers <input name=\"vers["+ items.ID +"]\" id=\"vers-"+ items.ID +"\" style=\"border:1px solid white; width:80px;\" /></div>" +
		"<div id=\"playerarea-" + items.ID + "\"><a href=\"javascript:ShowFlashPLayer('" + items.ID + "')\">Lyt til demo</div>" +
		"<div style=\"clear:both;\"><div>" +	
				    "</div></div><div style=\"clear:both;\"></div>");
    
  });

});

$("#form1").submit(function () {

// function return status 
var formstatus = true;
// We define a counter, so we can check that a song has been selected
var counter = false;		    
		    
$('input:checkbox').each( function() {
		  
     if(this.checked && isInteger(this.id)) {
	counter = true;
	var vers = $("#vers-" + this.id).attr("value");
	
	if(!vers) {
	  $("#vers-" + this.id).addClass("hightlighInputField");
	  $("#statusmsg").empty().show().append("Du mangler at angive antal vers\n");
	  formstatus = false;
	}
     }
    //this.checked = !this.checked;
});

    if(!counter) {
      $("#statusmsg").empty().show().append("Du mangler at vælge en sang\n");
      return false;
    }

    var fornavn = $("#Fornavn").attr("value");
    $("#Fornavn").removeClass("hightlighInputField");
    if(!fornavn) {
      $("#Fornavn").addClass("hightlighInputField");
      $("#statusmsg").empty().show().append("Du mangler an angive fornavn\n"); 
      return false;
    }
		    
    var efternavn = $("#Efternavn").attr("value");
    $("#Efternavn").removeClass("hightlighInputField");
    if(!efternavn) {
      $("#Efternavn").addClass("hightlighInputField");
      $("#statusmsg").empty().show().append("Du mangler an angive efternavn\n"); 
      return false;
    }    
    var adresse = $("#Adresse").attr("value");
    $("#Adresse").removeClass("hightlighInputField");
    if(!adresse) {
      $("#Adresse").addClass("hightlighInputField");
      $("#statusmsg").empty().show().append("Du mangler an angive adresse\n"); 
      return false;
    }
    var postnummer = $("#Postnr").attr("value");
    $("#Postnr").removeClass("hightlighInputField");
    if(!postnummer) {
      $("#Postnr").addClass("hightlighInputField");
      $("#statusmsg").empty().show().append("Du mangler an angive postnummer\n"); 
      return false;
    }
    var By = $("#By").attr("value");
    $("#By").removeClass("hightlighInputField");
    if(!By) {
      $("#By").addClass("hightlighInputField");
      $("#statusmsg").empty().show().append("Du mangler an angive By\n"); 
      return false;
    }
    var email = $("#Kunde-mail").attr("value");
    $("#Kunde").removeClass("hightlighInputField");
    if(!email) {
      $("#Kunde-mail").addClass("hightlighInputField");
      $("#statusmsg").empty().show().append("Du mangler an angive email adresse\n"); 
      return false;
    }
		    

    var OrderItemID = $("#OrderItemID").attr("value");
    $("#OrderItemID").removeClass("hightlighInputField");
    if(OrderItemID == 0) {
      $("#Kunde-mail").addClass("hightlighInputField");
      $("#statusmsg").empty().show().append("Angiv venligst om du ønsker filerne tilsendt i MP3 eller på CD\n"); 
      return false;
    }		    

		    
		    
    return formstatus;
});
		   
});


function ShowFlashPLayer(item_id) {

  $.ajax({ 
	 url: "/bestilling/flashplayer.php", 
	  data: "item=" + item_id,
	  success: function(data){
	    $("#playerarea-" + item_id ).empty().append(data);
	  }});


}


function isInteger(s) {
  return (s.toString().search(/^-?[0-9]+$/) == 0);
}




function toggleelem(elem_id) {
  $('#'+elem_id).toggle();
}