var st;
var sf = $('kw');
var results = $('results');
var response = $('response');
var overlay = $('overlay');
var progr = $('progress');
var req;
function searchProducts(){
	req = new Ajax.Updater('response','/search.php?kw='+$F('kw'),{onComplete:function(req){
		if($F('kw').length>0 && req.responseText.length>0){
			if(!results.hasClassName('active')){
				results.addClassName('active');
			}
			if(!overlay){
				overlay = Builder.node('div',{style:'position:fixed;left:0;top:0;width:100%;height:100%'});
				document.body.appendChild(overlay);
				Event.observe(overlay,'click',hideResults);
			}
			
			var div = Builder.node('div',{id:'bot'});
			response.appendChild(div);
			response.show();
			overlay.show();
			
		} else {
			hideResults();
		}
		progr.hide();
	}});
};
function hideResults(){
	if(results.hasClassName('active')){
		results.removeClassName('active');
	}
	response.hide();
	if(overlay) overlay.hide();
	
	progr.hide();
}
Event.observe(sf,'keydown',function(){
	clearTimeout(st);
	hideResults();
	if(!progr.visible()) progr.show();
});
Event.observe(sf,'keyup',function(){
	if($F('kw').length==0){
		hideResults();
	} else {
		st = setTimeout(searchProducts,50);
	}
});
function playGame(type){
	var u;
	var lst;
	switch(type){
		case 'casinos':
			lst = $$('select[name=casinos]')[0];
			u = lst.value;
			window.open(u);
			return;
		break;
		default:
			lst = $$('select[name='+type+']')[0];
			u = lst.value;
		break;
	}
	if(u){
		var ge = $('game_elem');
		var x = '/gokkast/'+u+'-spelen.html';
		if(ge){
			var tt = lst.options[lst.selectedIndex].text;
			ge.src='/product_redirect.php?id='+u;
			$('game_name').update(tt);
		} else {
			document.location.href=x;
		}
	}
};
function loadProductAsync(url,name){
	$('game_name').update(name);
	$('game_elem').src = url;
};
function makeFullScreen(){
	window.open($('game_elem').src);
};