function showStoreSelector(){
	document.getElementById("storeselector").style.visibility = "visible";
	document.getElementById("selfservice").style.visibility = "visible";
	
}

function hideStoreSelector(){
	document.getElementById("storeselector").style.visibility = "hidden";	
		document.getElementById("selfservice").style.visibility = "hidden";
}

function validateUserupdate(){
	
	
	var error = false;
	if(document.forms[0].username.value == ""){
		error = true;
		document.getElementById("usernameHelp").innerHTML = "Udfyld venligst brugernavn.";
	}else{
		document.getElementById("usernameHelp").innerHTML = "";
	}
	if(document.forms[0].password.value == ""){
		error = true;
		document.getElementById("passwordHelp").innerHTML = "Udfyld venligst kodeord.";
	}else{
		document.getElementById("passwordHelp").innerHTML = "";
	}
	selectedRadio = "";
	for(counter = 0; counter < document.forms[0].userlevel.length; counter++){
		if(document.forms[0].userlevel[counter].checked){
			selectedRadio = document.forms[0].userlevel[counter].value;			
		}
	}
	if(selectedRadio == ""){
		error = true;
		document.getElementById("userlevelHelp").innerHTML = "Vælg adgangs niveau.";
	}else{
		document.getElementById("userlevelHelp").innerHTML = "";
	}
	if(selectedRadio == "store" && document.forms[0].store[document.forms[0].store.selectedIndex].value == ""){
		error = true;
		document.getElementById("storeHelp").innerHTML = "Du skal vælge en butik.";
	}else{
		document.getElementById("storeHelp").innerHTML = "";
	}
	document.forms[0].submit();
}

function getMembers(name,mobile,clerk,shop,fromdate,todate,paging){
	var url = '/ajax/getMembers.php';
	if(name != ""){
		if(url.indexOf('?')>=0) {
	    url = url + "&";
	  }else{
	    url = url + "?";
	  }
		url = url + "name=" + encodeURIComponent(name);
	}
	if(mobile != ""){
		if(url.indexOf('?')>=0) {
	    url = url + "&";
	  }else{
	    url = url + "?";
	  }
		url = url + "mobile=" + encodeURIComponent(mobile);
	}
	if(clerk != ""){
		if(url.indexOf('?')>=0) {
	    url = url + "&";
	  }else{
	    url = url + "?";
	  }
		url = url + "clerk=" + encodeURIComponent(clerk);
	}
	if(shop != ""){
		if(url.indexOf('?')>=0) {
	    url = url + "&";
	  }else{
	    url = url + "?";
	  }
		url = url + "shop=" + encodeURIComponent(shop);
	}
	if(fromdate != ""){
		if(url.indexOf('?')>=0) {
	    url = url + "&";
	  }else{
	    url = url + "?";
	  }
		url = url + "fromdate=" + encodeURIComponent(fromdate);
	}
	if(todate != ""){
		if(url.indexOf('?')>=0) {
	    url = url + "&";
	  }else{
	    url = url + "?";
	  }
		url = url + "todate=" + encodeURIComponent(todate);
	}
	
	
	
	if(paging == undefined){
		paging = 1;
	}
	if(paging != ""){
		if(url.indexOf('?')>=0) {
	    url = url + "&";
	  }else{
	    url = url + "?";
	  }
		url = url + "paging=" + encodeURIComponent(paging);
	}
	
	new Ajax.Request(url, {
  	method: 'get',
  	onSuccess: function(transport) {
    	var content = $('memberPage');
			var pagingelm = $('paging');
			var json = transport.responseText.evalJSON(true);
			if(transport.responseText != "null"){
				html = "<table>";
				html = html + "<tr>";
				html = html + "<th>";
				html = html + "Navn:";
				html = html + "</th>";
				html = html + "<th>";
				html = html + "Mobil:";
				html = html + "</th>";
				html = html + "<th>";
				html = html + "Gruppe:";
				html = html + "</th>";

				if(fromdate != '') {
					html = html + "<th>";
					html = html + "Tilmeldt:";
					html = html + "</th>";							
				}
				html = html + "</tr>";

				var total;
				for (var index = 0; index < json.length; ++index) {
					html = html + "<tr>";
					html = html + "<td>";
					html = html + "<a href=\"/RetKunde.html?id=" + json[index].id + "\">" + json[index].name + "</a>";
					html = html + "</td>";
					html = html + "<td>";
					html = html + "<a href=\"/RetKunde.html?id=" + json[index].id + "\">+" + json[index].mobile + "</a>";
					html = html + "</td>";
					html = html + "<td>";
					if(json[index].clerkname) html = html + "<a href=\"/RetKunde.html?id=" + json[index].id + "\">" + json[index].clerkname + "</a>";
					html = html + "</td>";
					if(fromdate != '') {
						html = html + "<td>";
						html = html + "<a href=\"/RetKunde.html?id=" + json[index].id + "\">" + json[index].date + "</a>";
						html = html + "</td>";
					}

					html = html + "</tr>";
					total = json[index].total;
				}
				html = html + "</table>";
				pages = Math.ceil(total/25);
				var paginghtml = "";
				if(pages > 1){
					paginghtml = "Sider: ";
					for(var i = 1; i <= pages; ++i){
						if(i == paging){
							paginghtml = paginghtml + i + " ";
						}else{
							paginghtml = paginghtml + "<a href=\"javascript:void(0)\" onclick=\"getMembers('" + name + "','" + mobile + "','" + clerk + "','" + shop + "','" + fromdate + "','" + todate + "','" + i + "')\">" + i + "</a> ";
						}
					}
				}
				pagingelm.update(paginghtml);
				content.update(html);
			}else{
				content.update("Der blev ikke fundet nogle medlemmer!");	
				pagingelm.update("");
			}
		}
	});
}

function getSMSMembers(name,mobile,email,shop,paging){
	var url = '/ajax/getMembers.php';
	if(name != ""){
		if(url.indexOf('?')>=0) {
	    url = url + "&";
	  }else{
	    url = url + "?";
	  }
		url = url + "name=" + encodeURIComponent(name);
	}
	if(mobile != ""){
		if(url.indexOf('?')>=0) {
	    url = url + "&";
	  }else{
	    url = url + "?";
	  }
		url = url + "mobile=" + encodeURIComponent(mobile);
	}
	if(email != ""){
		if(url.indexOf('?')>=0) {
	    url = url + "&";
	  }else{
	    url = url + "?";
	  }
		url = url + "email=" + encodeURIComponent(email);
	}
	if(shop != ""){
		if(url.indexOf('?')>=0) {
	    url = url + "&";
	  }else{
	    url = url + "?";
	  }
		url = url + "shop=" + encodeURIComponent(shop);
	}
	if(paging == undefined){
		paging = 1;
	}
	if(paging != ""){
		if(url.indexOf('?')>=0) {
	    url = url + "&";
	  }else{
	    url = url + "?";
	  }
		url = url + "paging=" + encodeURIComponent(paging);
	}
	url = url + "&test=test"; 
	
	new Ajax.Request(url, {
  	method: 'get',
  	onSuccess: function(transport) {
    	var content = $('memberPage');
			var pagingelm = $('paging');
			var json = transport.responseText.evalJSON(true);
			if(transport.responseText != "null"){
				html = "<table>";
				html = html + "<tr>";
				html = html + "<th>";
				html = html + "Navn:";
				html = html + "</th>";
				html = html + "<th>";
				html = html + "Mobil:";
				html = html + "</th>";
				html = html + "</tr>";
				var total;
				for (var index = 0; index < json.length; ++index) {
					html = html + "<tr>";
					html = html + "<td>";
					html = html + "<a href=\"javascript:void(null)\" onclick=\"sendTest(" + json[index].id + ")\">" + json[index].name + "</a>";
					html = html + "</td>";
					html = html + "<td>";
					html = html + "+" + json[index].mobile;
					html = html + "</td>";
					html = html + "</tr>";
					total = json[index].total;
				}
				html = html + "</table>";
				pages = Math.ceil(total/25);
				var paginghtml = "";
				if(pages > 1){
					paginghtml = "Sider: ";
					for(var i = 1; i <= pages; ++i){
						if(i == paging){
							paginghtml = paginghtml + i + " ";
						}else{
							paginghtml = paginghtml + "<a href=\"javascript:void(0)\" onclick=\"getSMSMembers('" + name + "','" + mobile + "','" + email + "','" + shop + "','" + i + "')\">" + i + "</a> ";
						}
					}
				}
				pagingelm.update(paginghtml);
				content.update(html);
			}else{
				content.update("Der blev ikke fundet nogle medlemmer!");	
				pagingelm.update("");
			}
		}
	});
}

function searchMember(){
	var name = "";
	var mobile = "";
	var clerk = "";
	var store = "";
	var fromdate = "";
	var todate = "";


	if(document.forms[0].name.value != ""){
		name = document.forms[0].name.value;
	}
	if(document.forms[0].mobile.value != ""){
		mobile = "45" + document.forms[0].mobile.value;
	}
	if(document.forms[0].clerk.value != ""){
		clerk = document.forms[0].clerk.value;
	}
	if(document.forms[0].store != undefined){
		if(document.forms[0].store[document.forms[0].store.selectedIndex].value != ""){
			store = document.forms[0].store[document.forms[0].store.selectedIndex].value;
		}
	}
	if(document.forms[0].fromday.value != '' && document.forms[0].frommd.value != '' && document.forms[0].fromyear.value) {
		fromdate = document.forms[0].fromyear.value +'-'+document.forms[0].frommd.value +'-'+document.forms[0].fromday.value
		todate = document.forms[0].toyear.value +'-'+document.forms[0].tomd.value +'-'+document.forms[0].today.value
	}
	getMembers(name,mobile,clerk,store,fromdate,todate,1);
}

var availableStores = [];
var selectedStores = [];
function fetchStores(){
	url = "/ajax/fetchStores.php";
	new Ajax.Request(url, {
  	method: 'get',
  	onSuccess: function(transport) {
			var json = transport.responseText.evalJSON(true);
			if(transport.responseText != "null"){
				for (var index = 0; index < json.length; ++index) {
					availableStores[json[index].id] = json[index].name;
				}
			}
			drawStores();
		}
	});
}
var availableLists = [];
var selectedLists = [];
var listIds = [];
var areas = [];
var avilableAreas = [];

function fetchLists(){
	url = "/ajax/fetchLists.php";
	new Ajax.Request(url, {
  	method: 'get',
  	onSuccess: function(transport) {
			var json = transport.responseText.evalJSON(true);
			if(transport.responseText != "null"){
				for (var index = 0; index < json.length; ++index) {
					availableLists[index] = json[index].name;
					listIds[index] = json[index].id;
					areas[index] = json[index].area;
				}
			}
			drawLists();
		}
	});
}

function drawLists(){		
	var	availableStores = false;
	html = "<select id=\"listSelection\">";
	for (var i = 0; i < availableLists.length; ++i){
		selected = false;
		for(var j = 0; j < selectedLists.length; ++j){
			if(selectedLists[j] == i){
				selected = true;
			}
		}
		if(selected == false){
			availableStores = true;
			listname = availableLists[i];
			if(listIds[i] == "0"){
				listname = "All " + availableLists[i];
			}
			html = html + "<option value=\"" + i + "\">" + listname + "</option>\n";
		}
	}
	if(availableStores == true){
		html = html + "</select>&nbsp;&nbsp;&nbsp;<img src=\"/gfx/icons/plus.gif\" onClick=\"addLists()\"/>";
	}else{
		html = "Alle lister er valgt.";
	}
	$('aLists').update(html);
	showLessLists();
}

function showLessLists(){
	var html;
	var selects = 0;
	html = "<h3>Lists:</h3>";
	for(var j = 0; j < selectedLists.length; ++j){
		if(selectedLists[j] != undefined && selects < 8){
			if(listIds[selectedLists[j]] != 0){
				if(availableLists[selectedLists[j]].length > 25){
					listname = availableLists[selectedLists[j]].substring(0,23) + "...";
				}else{
					listname = availableLists[selectedLists[j]];
				}
				html = html + "<div class=\"sendStore\">" + listname + "</div><div class=\"storeimg\"><a href=\"javascript:void(null)\" onClick=\"deselectList(" + selectedLists[j] + ")\"><img src=\"/gfx/icons/cross.gif\" alt=\"Fjern butik\"></a></div><br>";
				++selects;
			}
		}
	}
	if(selects == 0){
		html = html + "No lists are selected.";
	}else if(selects == 8){
		html = html + "<a href=\"javascript:void(null)\" onClick=\"showMoreLists()\">Vis alle...</a>";
	}
	$('recipients').update(html);	
}

function showMoreLists(){
	var html;
	var selects = 0;
	html = "<h3>Modtagere</h3>";
	for(var j = 0; j < selectedLists.length; ++j){
		if(selectedLists[j] != undefined){
			if(listIds[selectedLists[j]] != 0){
				if(availableLists[selectedLists[j]].length > 25){
					listname = availableLists[selectedLists[j]].substring(0,23) + "...";
				}else{
					listname = availableLists[selectedLists[j]];
				}
				html = html + "<div class=\"sendStore\">" + listname + "</div><div class=\"storeimg\"><a href=\"javascript:void(null)\" onClick=\"deselectList(" + selectedLists[j] + ")\"><img src=\"/gfx/icons/cross.gif\" alt=\"Remove store\"></a></div><br>";
				++selects;
			}
		}
	}
	if(selects == 0){
		html = html + "No lists are selected.";
	}else{
		html = html + "<a href=\"javascript:void(null)\" onClick=\"showLessLists()\">Vis mindre...</a>";
	}
	$('recipients').update(html);	
}

function deselectList(listid){
	for(var j = 0; j < selectedLists.length; ++j){
		if(selectedLists[j] == listid){
			selectedLists[j] = undefined;
		}
	}	
	drawLists();
}

function addLists(){
	var elm = document.getElementById("listSelection");
	listId = elm[elm.selectedIndex].value;
	selectedLists[selectedLists.length] = listId;
	if(listIds[listId] == "0"){
		for(var index = 0; index < availableLists.length; ++index) {
			if(areas[listId] == areas[index]){
				selectedLists[selectedLists.length] = index;
			}
		}
	}
	drawLists();
}

function validateSendSMS(){
	var ok = true;
	if(document.forms[0].message.value == ""){
		$('msgError').update("Udfyld venligst din besked.");
		ok = false;
	}else{
		$('msgError').update("&nbsp;");
	}
	if(document.forms[0].sendtime.value == ""){
		$('sendtimeError').update("Udfyld venligst afsendelses tidspunkt.");
		ok = false;
	}else{
		$('sendtimeError').update("&nbsp;");
	}	
	if(document.forms[0].sender.value == ""){
		$('senderError').update("Udfyld venligst afsender.");
		ok = false;
	}else{
		$('senderError').update("&nbsp;");
	}
	return ok;
}


function drawStores(){
	available = false;
	selection = false;
  var aStoreElm = $('aStores');
	var ahtml;
	ahtml = "<div class=\"store\"><select id=\"storeSelection\">";
	for (var id = 0; id < availableStores.length; ++id){
		if(availableStores[id] != undefined){
			available = true;	
			ahtml = ahtml + "<option value=\"" + id + "\">" + availableStores[id] + "</option>";
		}
	}
	ahtml = ahtml + "</select></div><div class=\"storeimg\"><img src=\"/gfx/icons/plus.gif\" alt=\"Tilføj butik\" onClick=\"javascript:selectStore()\"/></div>";
	if(available == false){
		ahtml = "All stores are chosen.";
	}
	aStoreElm.update(ahtml); 

	var sStoreElm = $('sStores');
	var shtml = "";
	for (var id = 0; id < selectedStores.length; ++id){
		if(selectedStores[id] != undefined){
			selection = true;
			shtml = shtml + "<div class=\"store\">" + selectedStores[id] + "</div><div class=\"storeimg\"><img src=\"/gfx/icons/cross.gif\" alt=\"Fjern butik\" onClick=\"deselectStore(" + id + ")\" /></div><br/>";
		}
	}
	if(selection == false){
		shtml = "Der er ikke valgt nogle butikker.";
	}
	sStoreElm.update(shtml);
}

function selectStore(){
	storeelm = document.getElementById("storeSelection"); 
	storeid = storeelm[storeelm.selectedIndex].value;
	selectedStores[storeid] = availableStores[storeid];
	availableStores[storeid] = undefined;
	drawStores();
}

function deselectStore(storeid){
	availableStores[storeid] = selectedStores[storeid];
	selectedStores[storeid] = undefined;
	drawStores();
}

function isValidEmail(strEmail){
  validRegExp = /^[^@]+@[^@]+.[a-z]{2,}$/i;
  strEmail = document.forms[0].email.value;

   // search email text for regular exp matches
    if (strEmail.search(validRegExp) == -1) 
   {
      return false;
    } 
    return true; 
}
function IsNumeric(sText){
   var ValidChars = "0123456789";
   var IsNumber=true;
   var Char;

 
   for (i = 0; i < sText.length && IsNumber == true; i++)       { 
      Char = sText.charAt(i); 
      if (ValidChars.indexOf(Char) == -1)  {
         IsNumber = false;
      }
   }
   return IsNumber;
}

var validMobile = "yes";

function checkMobile(mobile){
	if(mobile != ""){
	url = "/ajax/getByMobile.php?msisdn=" + mobile;
	new Ajax.Request(url, {
  	method: 'get',
  	onSuccess: function(transport) {
			var json = transport.responseText.evalJSON(true);
			var html = "";
			if(transport.responseText != "null"){
				if(json[0].result == "shopedit"){
					html = "<a href=\"/RetKunde.html?id=" + json[0].id + "\">Medlemmet</a> eksisterer allerede.";
					validMobile = "no"
				}else if(json[0].result == "custedit"){
					html = "<a href=\"/RetKunde.html?id=" + json[0].id + "\">Medlemmet</a> eksisterer allerede.";
					validMobile = "no";
				}else if(json[0].result == "nocust"){
					html = "&nbsp;";
					validMobile = "yes";
				}else{
					location.href = location.href;
				}
				$('mobileError').update(html);
			}
		}
	});
	}else{
		$('mobileError').update("&nbsp;");
	}
}
function checkMobile2(mobile){
	if(mobile != ""){
	var country = "45";
	url = "/ajax/getByMobile.php?msisdn=" + mobile + "&country=" + country;
	new Ajax.Request(url, {
  	method: 'get',
  	onSuccess: function(transport) {
			var json = transport.responseText.evalJSON(true);
			var html = "";
			if(transport.responseText != "null"){
				if(json[0].result == "shopedit" && json[0].id != customerId){
					html = "<a href=\"/RetKunde.html?id=" + json[0].id + "\">Medlemmet</a> eksisterer allerede.";
					validMobile = "no"
				}else if(json[0].result == "custedit" && json[0].id != customerId){
					html = "<a href=\"/RetKunde.html?id=" + json[0].id + "\">Medlemmet</a> eksisterer allerede.";
					validMobile = "no";
				}else{
					html = "&nbsp;";
					validMobile = "yes";
				}
				$('mobileError').update(html);
			}
		}
	});
	}else{
		$('mobileError').update("&nbsp;");
	}
}
function checkform(){
	var error = false;
	if(document.forms[0].firstname.value == ""){
		document.getElementById("subscribeError").innerHTML = "Udfyld venligst fornavn";
		error = true;
	}
	if(document.forms[0].mobile.value == ""){
		document.getElementById("subscribeError").innerHTML = "Udfyld venligst mobil.";
		error = true;
	}else if(!IsNumeric(document.forms[0].mobile.value)){
		document.getElementById("subscribeError").innerHTML = "Kun tal er tilladt i mobil nummer.";
		error = true;
	}
	if(validMobile != "yes"){
		document.getElementById("subscribeError").innerHTML = "Dette mobil nummer, eksisterer allerede, indtast venligst et andet nummer, eller rediger det eksisterende medlem.";
		error = true;
	}
	if(error == false){
		document.forms[0].submit();
	}
}
function insertString(text,elementID) {
 	obj = document.getElementById(elementID);
    if(document.selection) { 
      obj.focus(); 
      var orig = obj.value.replace(/\r\n/g, "\n"); 
      var range = document.selection.createRange(); 
	 
      if(range.parentElement() != obj) { 
      	return false; 
	    } 
	 
	    range.text = text; 
	         
	    var actual = tmp = obj.value.replace(/\r\n/g, "\n"); 
	 
	    for(var diff = 0; diff < orig.length; diff++) { 
	    	if(orig.charAt(diff) != actual.charAt(diff)) break; 
	    } 
	 
	    for(var index = 0, start = 0;  
	    	tmp.match(text)  
	      && (tmp = tmp.replace(text, ""))  
	      && index <= diff;  
	      index = start + text.length 
        ) { 
	            start = actual.indexOf(text, index); 
	        } 
	    } else if(obj.selectionStart) { 
	        var start = obj.selectionStart; 
	        var end   = obj.selectionEnd; 
	 
	        obj.value = obj.value.substr(0, start)  
	            + text  
	            + obj.value.substr(end, obj.value.length); 
	    } 
	     
	    if(start != null) { 
	        setCaretTo(obj, start + text.length); 
	    } else { 
	        obj.value += text; 
				} 
} 
	 
function setCaretTo(obj, pos) { 
    if(obj.createTextRange) { 
        var range = obj.createTextRange(); 
        range.move('character', pos); 
        range.select(); 
    } else if(obj.selectionStart) { 
        obj.focus(); 
        obj.setSelectionRange(pos, pos); 
    } 
}

function showTest(){
	if(validateSendSMS() == true){
		document.getElementById('light').style.display='block';
		document.getElementById('fade').style.display='block';
	}
}
function submitSMS(timeType){
	if(validateSendSMS()){
		if(segmentbirthday){
			minage = document.getElementById("minage").value;
			maxage = document.getElementById("maxage").value;
		}else{
			minage = 0;
			maxage = 0;
		}
		if(segmentgender){
			male = document.getElementById("male").checked;
			female = document.getElementById("female").checked;
		}else{
			male = true;
			female = true;
		}
		if(segmentsalesclerk){
			elm = document.getElementById("salesClerkSelector");
			salesclerk = elm[elm.selectedIndex].value;
		}else{
			salesclerk = "";
		}
		
		url = "/ajax/sendsms.php";
		if(timeType == "now"){
			sendtime = "now";
		}else{
			sendtime = document.forms[0].sendtime.value;
		}
		new Ajax.Request(url, {
	  	method: 'post',
			parameters: {sender: document.forms[0].sender.value, message: document.forms[0].message.value, sendtime: sendtime, minage: minage, maxage: maxage, male: male, female: female,clerk: salesclerk},
	  	onSuccess: function(transport) {
				location.href = 'IkkeAfsendte.html';
			}
		});
	}
}

function sendTest(id){
	url = "/ajax/sendsms.php";
	new Ajax.Request(url, {
  	method: 'post',
		parameters: {userid: id, sender: document.forms[0].sender.value, message: document.forms[0].message.value},
  	onSuccess: function(transport) {
			$('result').update(transport.responseText);
		}
	});
}

function quicksendsms(){
	url = "/ajax/quicksendsms.php";
	new Ajax.Request(url, {
  		method: 'post',
		parameters: {quicksend: 'true', modtager: document.forms[0].modtager.value, sender: document.forms[0].sender.value, message: document.forms[0].message.value},
  		onSuccess: function(transport) {
			new Ajax.PeriodicalUpdater('smsresult', '/ajax/getSmsDLR.php', {
			  method: 'get'
			});
			document.forms[0].modtager.value='';           
			document.forms[0].message.value='';           
		}
	});
}

function hideTest(){
	document.getElementById('light').style.display='none';
	document.getElementById('fade').style.display='none';	
}

function showMessage(id){
	var elements = document.getElementsByClassName("queueDetails");
	for(var i=0; i<elements.length; i++) {
		new Effect.Fade(elements[i].id, {duration: 0.1});
	}
	
	setTimeout("Effect.Appear('message"+id+"', {duration: 0.1})", 900);
}


function generateStats(){
	var monthElm = document.getElementById("statsMonth");
	var yearElm = document.getElementById("statsYear");
	var month = monthElm[monthElm.selectedIndex].value;
	var year = yearElm[yearElm.selectedIndex].value;

	var url = "/ajax/getSmsStats.php";
	new Ajax.Request(url, {
  	method: 'post',
		parameters: {year: year, month: month},
  	onSuccess: function(transport) {
			var json = transport.responseText.evalJSON(true);
			var html = "";
			if(transport.responseText != "null"){
				html = "<table>";
				for(var i=0; i<json.length; i++){
					html = html + "<tr>";
					html = html + "<td class=\"detailsWidth\">";
					html = html + json[i].name;
					html = html + "</td>";
					html = html + "<td>";
					html = html + json[i].total;
					html = html + "</td>";
					html = html + "<td>";
					html = html + "<img src=\"/gfx/icons/magnify.gif\" alt=\"Vis detaljer\" onClick=\"showStatDetails(" + json[i].id + ")\"/>";
					html = html + "</td>";
					html = html + "</tr>";
					html = html + "<tr>";
					html = html + "<td style=\"display: none;\" class=\"detailedStats\" id=\"details" + json[i].id + "\" colspan=\"3\">&nbsp;";
					html = html + "</td>";
					html = html + "</tr>";
				}
				html = html + "<table>";
			}else{
				html = "Der er ikke nogen data tilgængelig.";
			}
			$('statsArea').update(html);
		}
	});
}
function getLast20(){
	$("details").update("<img src=\"/gfx/ajax-loader.gif\" /><br/>Henter data");
	
	var url = "/ajax/getSentMessages.php";
	new Ajax.Request(url, {
		method: 'post',
		parameters: {method: 'top20'},
  	onSuccess: function(transport) {
			var json = transport.responseText.evalJSON(true);
			var html = "";
			if(transport.responseText != "null"){
				html = "<table>";
				html = html + "<tr>";
				html = html + "<th>";
				html = html + "Modtager";
				html = html + "</th>";
				html = html + "<th>";
				html = html + "Afsender";
				html = html + "</th>";
				html = html + "<th  class=\"detailsWidth\">";
				html = html + "Besked";
				html = html + "</th>";
				html = html + "<th>";
				html = html + "&nbsp;";
				html = html + "</th>";
				html = html + "</tr>";
				total = 0;
				for(var i=0; i<json.length; i++){
					html = html + "<tr>";
					html = html + "<td style=\"vertical-align: top\">";
					if(json[i].userid != ""){
						html = html + "<a href=\"/RetKunde.html?id=" + json[i].custid + "\">+" + json[i].number + "</a>";
					}else{
						html = html + "+" + json[i].number;
					}
					html = html + "</td>";
					html = html + "<td style=\"vertical-align: top\">";
					html = html + json[i].sender;
					html = html + "</td>";
					html = html + "<td style=\"vertical-align: top\">";
					html = html + json[i].message;
					html = html + "</td>";
					html = html + "<td style=\"vertical-align: top\">";
					if(json[i].state == "received"){
						html = html + "<img src=\"/gfx/icons/tick.gif\" alt=\"Beskeden er leveret.\" title=\"Beskeden er leveret.\">";
					}else if(json[i].state == "rejected"){
						html = html + "<img src=\"/gfx/icons/warning.gif\" alt=\"Beskeden er ikke leveret.\" title=\"Beskeden er ikke leveret.\">";
					}else{
						html = html + "<img src=\"/gfx/icons/transmission.gif\" alt=\"Beskeden venter på levering.\" title=\"Beskeden venter på levering.\">";
					}
					html = html + "</td>";
					html = html + "</tr>";
				}
				html = html + "</table>";
			}else{
				html = "Ingen afsendte beskeder for den valgte periode.";
			}
			$("details").update(html);
		}
	});
}
function showStatDetails(){
	$("details").update("<img src=\"/gfx/ajax-loader.gif\" /><br/>Henter data");
	
	var monthElm = document.getElementById("statsMonth");
	var yearElm = document.getElementById("statsYear");
	var month = monthElm[monthElm.selectedIndex].value;
	var year = yearElm[yearElm.selectedIndex].value;

	var url = "/ajax/getSmsStatsDetails.php";
	new Ajax.Request(url, {
		method: 'post',
		parameters: {year: year, month: month},
  	onSuccess: function(transport) {
			var json = transport.responseText.evalJSON(true);
			var html = "";
			if(transport.responseText != "null"){
				html = "<table>";
				html = html + "<tr>";
				html = html + "<td>";
				html = html + "Dato";
				html = html + "</td>";
				html = html + "<th>";
				html = html + "Beskeder";
				html = html + "</th>";
				html = html + "</tr>";
				total = 0;
				for(var i=0; i<json.length; i++){
					html = html + "<tr>";
					html = html + "<td class=\"detailsWidth\">";
					html = html + json[i].date;
					html = html + "</td>";
					html = html + "<td>";
					html = html + json[i].number;
					total = total + json[i].number; 
					html = html + "</td>";
					html = html + "</tr>";
				}
				html = html + "<tr>";
				html = html + "<td class=\"detailsWidth\">";
				html = html + "<b>Total</b>";
				html = html + "</td>";
				html = html + "<td>";
				html = html + "<b>" + total + "</b>";
				html = html + "</td>";
				html = html + "</tr>";
				html = html + "</table>";
			}else{
				html = "Ingen afsendte beskeder for den valgte periode.";
			}
			$("details").update(html);
		}
	});
}

function showRecipients(){
	if(segmentbirthday){
		minage = document.getElementById("minage").value;
		maxage = document.getElementById("maxage").value;
	}else{
		minage = 0;
		maxage = 0;
	}
	if(segmentgender){
		male = document.getElementById("male").checked;
		female = document.getElementById("female").checked;
	}else{
		male = true;
		female = true;
	}
	if(segmentsalesclerk){
		elm = document.getElementById("salesClerkSelector");
		salesclerk = elm[elm.selectedIndex].value;
		clerkname = elm[elm.selectedIndex].innerHTML;
	}else{
		salesclerk = "";
	}

	var html;
	html = "<table id=\"segmentationTable\">";
	if(minage != "" && maxage != ""){
		html = html + "<tr><td><b>Alder:</b></td><td>" + minage + " til " + maxage + "</td></tr>";
	}
	if(minage != "" && maxage == ""){
		html = html + "<tr><td><b>Alder:</b></td><td>Ældre end " + minage + "</td></tr>";
	}
	if(maxage != "" && minage == ""){
		html = html + "<tr><td><b>Alder:</b></td><td>Yngre end " + maxage + "</td></tr>";
	}
	if(male && female && segmentgender){
		html = html + "<tr><td><b>Køn:</b></td><td>Mænd og Kvinder</td></tr>";
	}	
	if(male && !female){
		html = html + "<tr><td><b>Køn:</b></td><td>Mænd</td></tr>";
	}
	if(!male && female){
		html = html + "<tr><td><b>Køn:</b></td><td>Kvinder</td></tr>";
	}
	if(segmentsalesclerk && salesclerk == ""){
		html = html + "<tr><td><b>Gruppe:</b></td><td>Alle</td></tr>";
	}else if(segmentsalesclerk){
		html = html + "<tr><td><b>Gruppe:</b></td><td>" + clerkname + "</td></tr>";
	}
	html = html + "<table>";
	$('segmentation').update(html);
	
	
	var url = "/ajax/getSegmentation.php";
	new Ajax.Request(url, {
		method: 'post',
		parameters: {male: male, female: female, minage: minage, maxage: maxage, clerk: salesclerk},
  	onSuccess: function(transport) {
			recipients = transport.responseText;
			html = $('segmentationTable').innerHTML;
			if(recipients > 0){
				html = html + "<tr><td><b>Modtagere:</b></td><td>" + recipients + "</td></tr>";
			}else{
				html = html + "<tr><td colspan=\"2\"><b>Ingen modtagere</b></td></tr>";
			}
			$('segmentationTable').update(html);
		}
	});
	
	
}

function getSubscribers(){
	var url = "/ajax/getSubscribers.php";
	new Ajax.Request(url, {
  	method: 'get',
		onSuccess: function(transport) {

			var json = transport.responseText.evalJSON(true);
			var html = "";
			if(transport.responseText != "null"){
				html = "<table>";
				for(var i=0; i<json.length; i++){
					html = html + "<tr>";
					html = html + "<td class=\"detailsWidth\">";
					html = html + json[i].name;
					html = html + "</td>";
					html = html + "<td>";
					html = html + json[i].total;
					html = html + "</td>";
					html = html + "<td>";
					html = html + "<img src=\"/gfx/icons/magnify.gif\" alt=\"Vis detaljer\" onClick=\"showSubscribers(" + json[i].id + ")\"/>";
					html = html + "</td>";
					html = html + "</tr>";
					html = html + "<tr>";
					html = html + "<td style=\"display: none;\" class=\"subscriberStats\" id=\"details" + json[i].id + "\" colspan=\"3\">";
					html = html + "</td>";
					html = html + "</tr>";
				}
				html = html + "<table>";
			}else{
				html = "No data avilable.";
			}
			$('subscribers').update(html);
		}
	});
}
function showSubscribers(){
	$("details").update("<img src=\"/gfx/ajax-loader.gif\" /><br/>Henter data");

	var url = "/ajax/getSubscriberDetails.php";
	new Ajax.Request(url, {
		method: 'post',
  	onSuccess: function(transport) {
			var json = transport.responseText.evalJSON(true);
			var html = "";
			if(transport.responseText != "null"){
				html = "<table>";
				for(var i=0; i<json.length; i++){
					html = html + "<tr>";
					html = html + "<td class=\"detailsWidth\">";
					html = html + "<b>Mænd:</b>";
					html = html + "</td>";
					html = html + "<td>";
					html = html + json[i].male;
					html = html + "</td>";
					html = html + "</tr>";
					html = html + "<tr>";
					html = html + "<td class=\"detailsWidth\">";
					html = html + "<b>Kvinder:</b>";
					html = html + "</td>";
					html = html + "<td>";
					html = html + json[i].female;
					html = html + "</td>";
					html = html + "</tr>";
					html = html + "<tr>";
					html = html + "<td class=\"detailsWidth\">";
					html = html + "&nbsp;";
					html = html + "</td>";
					html = html + "<td>";
					html = html + "&nbsp;";
					html = html + "</td>";
					html = html + "</tr>";
					html = html + "<tr>";
					html = html + "<td class=\"detailsWidth\">";
					html = html + "<b>Under 18 år:</b>";
					html = html + "</td>";
					html = html + "<td>";
					html = html + json[i].under18;
					html = html + "</td>";
					html = html + "</tr>";
					html = html + "<tr>";
					html = html + "<td class=\"detailsWidth\">";
					html = html + "<b>18-25 år:</b>";
					html = html + "</td>";
					html = html + "<td>";
					html = html + json[i].age18to25;
					html = html + "</td>";
					html = html + "</tr>";
					html = html + "<tr>";
					html = html + "<td class=\"detailsWidth\">";
					html = html + "<b>Over 25 år:</b>";
					html = html + "</td>";
					html = html + "<td>";
					html = html + json[i].below25;
					html = html + "</td>";
					html = html + "</tr>";
					html = html + "<tr>";
					html = html + "<td class=\"detailsWidth\">";
					html = html + "&nbsp;";
					html = html + "</td>";
					html = html + "<td>";
					html = html + "&nbsp;";
					html = html + "</td>";
					html = html + "</tr>";
					html = html + "<tr>";
					html = html + "<td class=\"detailsWidth\">";
					html = html + "<b>Medlemmer, der har bekræftet deres nummer:</b>";
					html = html + "</td>";
					html = html + "<td>";
					html = html + json[i].confirmed;
					html = html + "</td>";
					html = html + "</tr>";
					html = html + "<tr>";
					html = html + "<td class=\"detailsWidth\">";
					html = html + "<b>Medlemmer, der ikke har bekræftet deres nummer:</b>";
					html = html + "</td>";
					html = html + "<td>";
					html = html + json[i].unconfirmed;
					html = html + "</td>";
					html = html + "</tr>";
					html = html + "<tr>";
					html = html + "<td class=\"detailsWidth\">";
					html = html + "&nbsp;";
					html = html + "</td>";
					html = html + "<td>";
					html = html + "&nbsp;";
					html = html + "</td>";
					html = html + "</tr>";
					html = html + "<tr>";
					html = html + "<td class=\"detailsWidth\">";
					html = html + "<b>Nye medlemmer, denne måned:</b>";
					html = html + "</td>";
					html = html + "<td>";
					html = html + json[i].thismonth;
					html = html + "</td>";
					html = html + "</tr>";
					html = html + "<tr>";
					html = html + "<td class=\"detailsWidth\">";
					html = html + "<b>Afmeldinger, denne måned:</b>";
					html = html + "</td>";
					html = html + "<td>";
					html = html + json[i].deletedmonth;
					html = html + "</td>";
					html = html + "</tr>";	
				}
				html = html + "</table>";
			}else{
				html = "Ingen data tilgængelig.";
			}
			$("details").update(html);
		}
	});

	
	setTimeout("Effect.Appear('details"+id+"', {duration: 0.1})", 200);
}

function calcMsgLength(){
	var msgLength = document.getElementById("smsBody").value.length;
	msgLength = msgLength+maxLen;
	if(msgLength > 160){
		document.getElementById("charactersLeft").innerHTML = (153*Math.ceil(msgLength/153))-msgLength + " tegn/" + Math.ceil(msgLength/153) + " SMS";	
	}else{
		document.getElementById("charactersLeft").innerHTML = 160-msgLength + " tegn/1 SMS";
	}
}

function generateRegistration(){
	var monthElm = document.getElementById("statsMonth");
	var yearElm = document.getElementById("statsYear");
	var storeElm = document.getElementById("store");

	var month = monthElm[monthElm.selectedIndex].value;
	var year = yearElm[yearElm.selectedIndex].value;
	var store;
	if(storeElm){
		store = storeElm[storeElm.selectedIndex].value;
	}
	
	var url = "/ajax/getRegistration.php";
	$("statsArea").update("<img src=\"/gfx/ajax-loader.gif\" /><br/>Henter data");
	new Ajax.Request(url, {
		method: 'post',
		parameters: {store: store,year: year,month: month},
  		onSuccess: function(transport) {
			var json = transport.responseText.evalJSON(true);
			if(transport.responseText != "null"){
				var xml = "<chart>";
				for(var i=0; i<json.length; i++){
					xml = xml + "<set label='" + json[i].name + "' value='" + json[i].amount + "' />";
				}
				xml = xml + "</chart>";
				var chart1 = new FusionCharts("/FusionCharts/Pie3D.swf", "ChartId", "500", "300", "0", "0");
				chart1.setDataXML(xml);
				chart1.render("statsArea");
			}else{
				$('statsArea').update("Ingen data tilgængelig for den valgte periode");
			}
		}
	});
	
}

function showHelp(id){
	Effect.toggle('help' + id, 'appear', { duration: 0.7 });
}

function toggleSegmentGender(checked){
	if(!checked){
		$('genderChoose').hide();
		$('genderNotUnderstood').hide();
		$('helpsendGender').hide();
		$('helpgenderNotUnderstood').hide();
	}else{
		$('genderChoose').show();
		$('genderNotUnderstood').show();
	}
}
function toggleSegmentBday(checked){
	if(!checked){
		$('bdayChoose').hide();
		$('bdayNotUnderstood').hide();
		$('helpsendBirthday').hide();
		$('helpbirthdayNotUnderstood').hide();
	}else{
		$('bdayChoose').show();
		$('bdayNotUnderstood').show();
	}
}
function toggleSalesClerk(checked){
	if(!checked){
		$('salesclerkChoose').hide();
		$('salesclerkNotUnderstood').hide();
		$('clerks').hide();
		$('helpsendSalesClerk').hide();
		$('helpsalesclerkNotUnderstood').hide();
	}else{
		$('salesclerkChoose').show();
		$('salesclerkNotUnderstood').show();
		$('clerks').show();
		getSalesClerks();
	}
}

function addClerk(){
	clerk = document.getElementById("newClerk").value;
	url = "/ajax/addClerk.php";
	new Ajax.Request(url, {
  	method: 'post',
		parameters: {name: clerk},
  	onSuccess: function(transport) {
			getSalesClerks();
		}
	});
	document.getElementById("newClerk").value = "";
}

function getSalesClerks(){
	var url = "/ajax/fetchSalesClerk.php";
	new Ajax.Request(url, {
		method: 'post',
  	onSuccess: function(transport) {
			var json = transport.responseText.evalJSON(true);
			if(transport.responseText != "null"){
				html = "";
				for(var i=0; i<json.length; i++){
					html = html + "<span id=\"cleck" + json[i].id + "\"><img src=\"/gfx/icons/cross.gif\" onClick=\"deleteClerk(" + json[i].id + ")\" /> " + json[i].name + " <img src=\"/gfx/icons/edit.gif\" onclick=\"editCleck('"+ json[i].id +"','"+ json[i].name +"')\"></span><br/>";
				}
				document.getElementById("clerksShow").update(html);
			}else{
				document.getElementById("clerksShow").update("");
			}
		}
	});
}


function deleteClerk(id){
	url = "/ajax/deleteClerk.php";
	new Ajax.Request(url, {
  	method: 'post',
		parameters: {id: id},
  	onSuccess: function(transport) {
			getSalesClerks();
		}
	});
}

function editCleck(id, name) {
	
	html = '<input type="text" name="editcleck" value="'+ name +'" id="editcleck"><input type="submit" name="Gem" value="Gem" class="btn" onClick="saveeditcleck(\''+ id +'\');return false;" >';
	document.getElementById("cleck"+ id).update(html);
}

function saveeditcleck(id) {
	clerk = document.getElementById("editcleck").value;
	
	url = "/ajax/editClerk.php";
	new Ajax.Request(url, {
  	method: 'post',
		parameters: {id: id, clerk:clerk},
  		onSuccess: function(transport) {
//			location.reload();
			getSalesClerks();
		}
	});
}