$(document).ready(function(){
	$("#showMenu").click(function(){
		$("#tplnav > iframe").css({"display":"inline","height":"24em"});
		$("#tplmain").css({"padding-top":"470px"});
	});

	$("#showMeAllAppliances").click(function(){
		$(".appliancesAll").css("display","table-row");
		$(this).css("display","none");
	});
	
	$("body").on("click","#cookie_close",function(){
	   $("#CookiePolicy").animate({right:"-250px"},1000);
	   $.ajax("/eshop/close_cookie.php");
	});


	$("table").css({'border-collapse': 'collapse'});
	$("table").attr('cellpadding', '5');

	$("#pic1").animate({
		
		top: -5}, 1000);	
	$("#pic2").delay(200).animate({
		
		top: -35}, 1000);	
	$("#pic3").delay(400).animate({
		
		top: -35}, 1000);	
	$("#pic4").delay(600).animate({
		
		top: 0}, 1000);	
	$("#pic5").delay(800).animate({
		
		top: 8}, 1000);	
	$("#pic6").delay(1000).animate({
		
		top: 8}, 1000);	
	$("#pic7").delay(1200).animate({
		
		top: 8}, 1000);	
	
	$("#keyword").attr('autocomplete', 'off');	
	
	
	
});


var suggestdelay = (function(){
					  var timer = 0;
				  	return function(callback, ms){
				    	clearTimeout (timer);
				    	timer = setTimeout(callback, ms);
				  	};
				})();

function getData(keyword)
{
var SuggestSuchbg = $("#keyword").val();
						mySelectedSuggestion = 0;
						if(SuggestSuchbg.length>2)
						{
							suggestdelay(function() {
                            	$("#resultarea").html('....suche....');
                            	var jetzt = new Date();
                            	$.get('/eshop/results.php', { 'keyword' : keyword, 'cachekiller' : jetzt.getUTCMilliseconds()}, function (data)
                            	{
                            		updateMenu(data);
                            	});
                         },500);
						}
}
// process data from server, updates second select menu
// data from server comes with this format: value=data&value=data...
function updateMenu( strData)
{			
    if( strData )
    {
		//document.getElementById("resultarea").innerHTML=strData;
		$("#resultarea").html(strData);
		$(".resultareaborder").corner("8px");
	}
}