$(document).ready(function() {
	

	$("[id^=rating_]").hover(function() {

		
		rid = $(this).attr("id").split("_")[1];
		
		$("#rating_"+rid).children("[class^=star_]").children('img').click(function() {
		
			$("#rating_"+rid).children("[class^=star_]").children('img').removeClass("hover");
			$("#rating_"+rid).children("[class^=star_]").children('img').attr({src : "../images/stern_w.png"}); 
			//var tt = $("#rating_"+rid).children("[class^=star_]").children('img').attr('src').replace("_w", "_b");
			// $("#rating_"+rid).children("[class^=star_]").children('img').attr('src').replace("_b", "_w"); 
			
			 
			/* The hovered item number */
			
			var hovered = $(this).parent().attr("class").split("_")[1];
			var sum = hovered;
			while(hovered > 0) {
				$("#rating_"+rid).children(".star_"+hovered).children('img').addClass("hover");
				$("#rating_"+rid).children(".star_"+hovered).children('img').attr({src : "../images/stern_b.png"}); 
				hovered--;
			}
			
			if(document.getElementById('SRATING')){
				document.getElementById('SRATING').value =  sum;
			}
			
			
		});
		
		
	});

	
	$("[id^=rating_]").children("[class^=star_]").click(function() {

		
		var current_star = $(this).attr("class").split("_")[1];
		var rid = $(this).parent().attr("id").split("_")[1];

		$('#rating_'+rid).load('send.php', {rating: current_star, id: rid});
		if(document.getElementById('stern-holder')){
			document.getElementById('stern-holder').innerHTML = 'ab '+ current_star+' Sterne.';
		
		}

	});




});