// JavaScript Document
$(document).ready(function() {
	$('.stylecheck').checkbox();
	$('.styleselect').styledSelect({innerClass:'replaced_select'});

	$(".tipsabox").hide();

	$("#kursDataSubmit").click(function() {
		$("#kurslistan").html("<div style='width:100%; text-align:center;'><img src='/bilder/design/loading.gif' alt='' /></div>")
		updateKursLista();
		return false;
	});
	
	$(".kurs_tools_print").click(function() {
		window.print();
	});
	
	$(".kurs_tools_mail").click(function() {
		$(".tipsabox").toggle();
	});
	
	$("#kategori_id_box").change(function() {
		$("#kurslistan").html("<div style='width:100%; text-align:center;'><img src='/bilder/design/loading.gif' alt='' /></div>")
		updateKursLista();
	});
	
	$(".highlightme").focus(function() {
		$(this).addClass("highlighted");
	});
	$(".highlightme").blur(function() {
		$(this).removeClass("highlighted");
	});
	
	$("#fritext_box").focus(function() {
		$(this).addClass("highlightedbg");
	});
	$("#fritext_box").blur(function() {
		$(this).removeClass("highlightedbg");
	});

});

function updateKursLista() {
	$.post("/ajax/kurslista.asp", { 
		kategori_id: $("#kategori_id_box").val(), 
		fritext: escape($("#fritext_box").val()) 
	},
	function(data){
		$("#kurslistan").html(data);
	});
}