var $j = jQuery.noConflict();

 function viewport() {
 	return {
 		x: $j(window).scrollLeft(),
 		y: $j(window).scrollTop(),
 		cx: $j(window).width(),
 		cy: $j(window).height()
 	};
 }
 
 $j(document).ready(function() {		 		   
			$j("#geschl").change(function() {
				var geschl = $j(this).val();
				var gebjahr = $j("#GebJahr").val();
				if (gebjahr.match("-") == "-") {
					gebjahr = "";
				} 
				refreshtopsingles(geschl, gebjahr);
			});

			$j("#GebJahr").change(function() {
				var gebjahr = $j(this).val();
				var geschl = $j("#geschl").val();		
				if (gebjahr.match("-") == "-") {
					gebjahr = "";
				}	
				refreshtopsingles(geschl, gebjahr);
			});	

			if (!IE6) imagePreview();			

});

var IE6 = (navigator.userAgent.toUpperCase().indexOf('MSIE 6.') > -1) ? true : false;
var IE7 = (navigator.userAgent.toUpperCase().indexOf('MSIE 7.') > -1) ? true : false;




imagePreview = function() {

	xOffset = 0;
	yOffset = 30;

	// these 2 variable determine popup's distance from the cursor
	// you might want to adjust to get the right result

	$j("a.preview").hover(function(e) {
		var v = viewport();
		var top = (e.pageY - xOffset);
		var left = e.pageX > (v.cy - $j("#preview").width()) ? (e.pageX - $j("#preview").width()) : (e.pageX + yOffset);
		if (IE6 || IE7) top = top + 30;
		this.t = this.title;
		this.title = "";
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$j("body").append('<p id="preview" style="color:#000000;z-index:1000;"><img style="max-height:260px" src="' + this.id.replace(/XXXXXXX/g, '/') + '" alt="" /></p>');




		$j("#preview")
			.css("top", (top) + "px")
			.css("left", (left) + "px")
			.fadeIn("fast");
	},
	function() {
		this.title = this.t;
		$j("#preview").remove();
	});
	$j("a.preview").mousemove(function(e) {
		var v = viewport();
		var top = (e.pageY - xOffset);
		var left = e.pageX > (v.cy - $j("#preview").width()) ? (e.pageX - $j("#preview").width()) : (e.pageX + yOffset);
		if (IE6 || IE7) top = top + 30;
		$j("#preview")
			.css("top", (top) + "px")
			.css("left", (left) + "px");
	});

};


  
 
 
 
  
function refreshtopsingles(Gender, YearOfBirth) {	
$j(document).ready(function() {  
		 	   $j.post("/scripts/holeTopSymKlicksJSON.asp",
						 {action:"refreshtopsingles", gender:""+Gender+"", yearofbirth: ""+YearOfBirth+"", numimages:"10"}, 
						 function(data){  
						    var tr;		
							var td;						  
						  $j('#tblFotos').empty();	
						  
						 tr='<tr valign="top" align="center" width="100%">';
						 td="";
						 $j.each(data, function(i,item){   
								td =td+'<td  valign="top" align="center">';
								td =td+'<table border="0" cellpadding="0" cellspacing="0">';
								td =td+'<tr><td td valign="top" align="center" style="height:67px;"><a class="preview" href="#" id="'+ item.FotoPfadGross+'" ><img style="max-width: 65px; overflow: hidden;" src="'+ item.FotoPfadKlein+'" border="0" alt="" /></a></td></tr>';							  
								td =td+'<tr><td valign="top" align="center" > <font style="font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#6a6a6a;font-weight:bold">'+item.Alias+'</font></td></tr>';
								td =td+'</table>'
								td =td+'</td>';									 
						 				 	
							 }); 
							 
						tr="<tr>"+td+"</tr>"
						$j('#tblFotos').append(tr);

						if (!IE6) imagePreview();
						},"json");  
						
					
				 } );
				 			 
}