// JavaScript Document

$(document).ready(function(){
						   sokInaktiv();
						   $('#sokruta').focusin(function(){
														  sokAktiv();
														  });

						   $('#sokruta').focusout(function(){
														  sokInaktiv();
														  });
						   
						   $('#sokruta').keyup(function() {
														   //$('#sokresultat').html($('#sokruta').val());
														   sok($('#sokruta').val());

														   });
						   
						   // Bygg sök resultat div

						   });

currentSearch = '-';
function sok(s) {
	if(s == currentSearch) return 0;
	else if(s.length < 3) {
		$('#sokresultat').html('<a style="float:right" onclick="gomSokresultat();return false;" href="#">Stäng</a>Skriv din sökning, dina resultat visas här undertiden du skriver. Du måste skriva minst 3 tecken för att söka');
		return 0;
	}
	currentSearch = s;
	
	// Tabort alla tidigare resultat
	$('#sokresultat').html('Söker <img src="/img/load-16x11-fff.gif" alt="" />');
	
	$.getJSON('/sok.php',{sok:s}, function(data) {
										   if(data.length > 1) {
											   $('#sokresultat').html('<a style="float:right" onclick="gomSokresultat();return false;" href="#">Stäng</a>Din sökning - '+currentSearch+' - matchade '+(data.length-1)+' dokument.<br />');
											   for (var i=1; i<data.length; i++) {
												   $('#sokresultat').append('<div style="width:200px;overflow:hidden;float:left;">'+i+'. <a href="'+data[i].url+'" title="'+data[i].title+'">'+data[i].name+'</a></div>');
												}
											} else {
												$('#sokresultat').html('<a style="float:right" onclick="gomSokresultat();return false;" href="#">Stäng</a>Din sökning - '+currentSearch+' - matchade inte något dokument.');
											}
	
	});
}

function sokInaktiv() {
	sokrutaVal = $('#sokruta').val();
	$('#sokruta').css({'color':'#ccc'})
	if(sokrutaVal=='') {
		$('#sokruta').val('Sök...');
		gomSokresultat();
	}
	
}

function sokAktiv() {
	$('#sokruta').css({'color':'#000'})
	.val(sokrutaVal);
	visaSokresultat();
}

sokresvisas = false;
function gomSokresultat() {
	if(sokresvisas) {
		$('#kinamarinbar').animate({height:'30'});
		$('body').animate({'margin-top':'30'});		
		$('#sokresultat').hide();
		sokresvisas = false;
	}
}
function visaSokresultat() {
	if(sokresvisas==false) {
		$('#sokresultat').show();
		$('#sokresultat').animate({height:'100'});
		$('#kinamarinbar').animate({height:'+=130'});
		$('body').animate({'margin-top':'+=130'});		
		sokresvisas = true;
	}
	
}