/* document is ready, fire up jQuery */
$(function(){
	init();		
});

var heading;
var resetLabel;
var data = [];
var dataFiltered;

var timeoutId;

function init(){
	getData();

	$("div#search").show();


	$("input#filter").focus();
	$("input#filter").bind("keyup",update);

	heading = $("table#result tr:first").html();

	$("input#reset").click(function(){
		$("input#filter").val("");
		dataFiltered = data;
		showResult();
	});

	resetLabel = $("input#reset").val();

	colorRows();
	
	check4frame();
}

function check4frame(){
	var isInFrame = (window.location != window.parent.location) ? true : false;	
	
	if (isInFrame) {
		var disclaimer$ = $("<span>&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;<a href=\"http://www.tuborg.dk/\" target=\"_top\">INDHOLD HENTET FRA TUBORG.DK</a></span>").appendTo("div#campaign");
	}
}

function getData(){
	$("table tr").each(

		function (i, el_tr) {

			var row = [];

			var row$ = $(el_tr);

			var tds$ = $("td", row$);

			if (i != 0) {
				tds$.each(
					function(j, el_td){
						row[row.length] = $(el_td).html();
					}
				);
			}
			
			data[data.length] = row;
			
		}

	);
}

function colorRows(){//change color of each even row
	$("table tr").each(
		function (i, el_tr) {
			var row = [];
			var row$ = $(el_tr);
			var tds$ = $("td", row$);
			if (i % 2 == 0 && i != 0) {
				tds$.css({"background": "#8cd5f4", "color": "#0c3568"});
				//tds$.toggleClass("highlight", count++ % 3 == 0);
			}
		}
	);
}


function update(event) {

	var filter = $(event.target).val().toLowerCase();
//	if (filter == " ") return;

	var input_reset$ = $("input#reset");
	input_reset$.attr("disabled", true);
	input_reset$.val("Søger...");

	dataFiltered = [];

	for (var h = 0; h < data.length; ++h) {
		var row = data[h];
		for (var v = 0; v < row.length; ++v) {
			var td = row[v];
			if (td.toLowerCase().indexOf(filter) != -1) {
				dataFiltered[dataFiltered.length] = row;
				break;
			}
		}
	}

	clearTimeout(timeoutId);
	timeoutId = setTimeout("showResult()", 500);
}

function showResult(){
	var input_reset$ = $("input#reset");
    	input_reset$.removeAttr("disabled"); 
	input_reset$.val(resetLabel);

	var result$ = $("table#result");
	result$.html("<tr>" + heading + "</tr>");

	for (var h = 0; h < dataFiltered.length; ++h) {
		var row = dataFiltered[h];
		result$.append("<tr><td>"+row.join("</td><td>") + "</td></tr>");
	}

	if (dataFiltered.length == 0) {
		result$.append("<tr><td colspan=\"4\"><em>intet resultat</em></td></tr>");
	}

	colorRows();
}