$(document).ready(function() {
	
	var l=$("#query").offset().left;
	var t=$("#query").offset().top+ 27;
	
	$('#suggestLayer').css('top',t);
	$('#suggestLayer').css('left',l);
	
});

remainvar = 0;

function changepic(newimage, mastername, pfad, seepic, clickId) {

	if (remainvar > 0) {

		for (i=1; i <= remainvar; i++) {
			document.getElementById("td_var" + i).style.backgroundColor = "#d1dbf1";
		}
		// Master wieder aktiv?
		if (mastername == seepic) {
		document.getElementById("td_master").style.backgroundColor = "#FFFFFF";
		document.getElementById("master_" + mastername).src = itemurl + pfad + newimage;
		} else {
		document.getElementById("td_master").style.backgroundColor = "#d1dbf1";
		document.getElementById("td_var" + seepic).style.backgroundColor = "#FFFFFF";
		document.getElementById("master_" + mastername).src = itemurl + pfad + newimage;
		}
	} else {

		// Bild austauschen			
		$("#master_"+mastername).fadeOut("fast", function(){
			$("#master_"+mastername).attr("src",itemurl + pfad + newimage);
		});
		$("#master_"+mastername).fadeIn("fast");

		// Klasse des "Icons" austauschen
		$(".cgp").removeClass("changePicSelected");
		$(".cgp").addClass("changePic");
		$("#cgp_"+clickId).addClass("changePicSelected");
		
		// Klasse der TD austauschen
		$(".cgpTd").removeClass("changeTdSelected");
		$(".cgpTd").addClass("changeTd");
		$("#cgp_td_"+clickId).addClass("changeTdSelected");
		
	}
	
}