$(document).ready(function() {
   	init();
});

function init() {
	
	
	

	/* Limit chars
	------------------------------------- */
	
	$("#comment").keyup(function() {
	   limitChars('comment', 350, 'countdown');
	});


	/* Clear inputs
	___________________________________________________*/
	
	$("input[type=text],input[type=password], textarea").focus(function() { 
		inputValue = $(this).val();
		if (inputValue == "Anv\344ndarnamn" || inputValue == "L\366senord" || inputValue == "För att kunna gå vidare till nästa lektionspass vill vi att du kommenterar detta lektionspass eller bilden! (max 350 tecken)") {
			$(this).val("");
		}
	});
	
	$("#comment").blur(function() {
		inputValue = $(this).val();
		if(inputValue == "") {
			$(this).val("För att kunna gå vidare till nästa lektionspass vill vi att du kommenterar detta lektionspass eller bilden! (max 350 tecken)");
		}
	});
	

	/* Swap background image in subnav
	___________________________________________________*/	
	
	if ($("ul.subnav li.first a").attr("class") == "active") {
		$("ul.subnav").css("background", "url(/templates/images/bg-subnav-active.gif) 0 0 no-repeat");
	} else {
		$("ul.subnav li.first").mouseover(function() {
			$("ul.subnav").css("background", "url(/templates/images/bg-subnav-active.gif) 0 0 no-repeat");
		});
	
		$("ul.subnav li.first").bind("mouseleave",function() {
			$("ul.subnav").css("background", "url(/templates/images/bg-subnav.gif) 0 0 no-repeat");
		});
	}
	
	
	/* Add first/last class
	___________________________________________________*/
	
	$(".sidebar .primary .main .post:last-child").addClass("last");
	
	
	/* Tooltip
	___________________________________________________*/
	
	$("#help").tooltip({
		offset: [12, 0] 
	});
	
	$("#help").click(function() {
		return false;
	});
	
	/* Uppdrag form validation
	____________________________________________________*/
	$("#sendUppdrag").submit(function(){
		var comment = $("#comment").val();
		if(comment == "För att kunna gå vidare till nästa lektionspass vill vi att du kommenterar detta lektionspass eller bilden! (max 350 tecken)" || comment == "Din kommentar måste innehålla fler än 3 tecken."){
		  comment = "";
		}
		var comment_length = comment.length;
		if(comment_length < 3){
			var msg = "Din kommentar måste innehålla fler än 3 tecken.";
			$("#comment").val(msg);
			$("#comment").css("border", "2px solid #ff108d");
			$("#comment").css("color", "#ff108d");
			return false;
		}
	});
	
	
	/* Register class form validation
	____________________________________________________*/
	$("#register").submit(function(){
		$("#errorMsg").remove();
		var teacher = $("#teacher").val();
		var school = $("#school").val();
		var pAdress = $("#pAdress").val();
		var klass = $("#class").val();
		var students = $("#students").val();
		var mail = $("#mail").val();
		var phone = $("#phone").val();
		
		var msg = '';
		
		if(teacher == ""){
		  msg += "- Inget namn är angivet<br/>";
		}
		if(school == ""){
		  msg += "- Skolan saknar namn<br/>";
		}
		if(pAdress == ""){
		  msg += "- Skolan saknar adress<br/>";
		}
		if(klass == ""){
		  msg += "- Klassen har ingen beteckning<br/>";
		}
		if(students == ""){
		  msg += "- Klassen saknar elever<br/>";
		}
		if(mail == ""){
		  msg += "- Ingen e-postadress är angiven<br/>";
		}else{
			var re = new RegExp("^[a-zA-Z0-9._-]+@[a-zA-Z0-9_.-]");
			if (mail.match(re)){
			  // Pretty email
			} else {
			  // Bad email
				msg += "- Din e-postadress är felaktig.<br/>";
			}
		}
		if(phone == ""){
		  msg += "- Du måste ange ett telefonnummer<br/>";
		}
		
		
		if(msg != ""){
			$(".col.last").css("position","relative");
			var output = '<p style="position: absolute; top: 0; left: 270px; width: 230px; color: #ff108d;" id="errorMsg">Formuläret innehåller följande fel.<br/>';
			output += msg;
			output += '</p>';
			
			$(".col.last").append(output);
			return false;
		}
	});
	
}


/* Limit chars
___________________________________________________*/

function limitChars(textid, limit, infodiv) {
	var text = $('#'+textid).val(); 
	var textlength = text.length;
	if(textlength > limit) {
		$('#' + infodiv).html('Max antal tecken!');
		$('#'+textid).val(text.substr(0,limit));
		return false;
	} else {
		$('#' + infodiv).html('Du har '+ (limit - textlength) +' tecken kvar.');
		return true;
	}
}