$(document).ready(function(){
	attach_btns();  				
});


var oc1, oc2, oc3, oc4, oc5, zvjezdice, src1, src2, src3, src4, src5;
var artikl_id;

function startRater (artikl_id) {	
	oc1 = $("#ocjena1 > img");
	oc2 = $("#ocjena2 > img");
	oc3 = $("#ocjena3 > img");
	oc4 = $("#ocjena4 > img");
	oc5 = $("#ocjena5 > img");
	
	src1 = oc1.attr("src");
	src2 = oc2.attr("src");
	src3 = oc3.attr("src");
	src4 = oc4.attr("src");
	src5 = oc5.attr("src");
	
	zvjezdice = $("#zvjezdice");

	oc1.bind("mouseover", function(){
		oc1.attr("src", "/images/icon_star_link.gif");
	});

	oc2.bind("mouseover", function(){
		oc1.attr("src", "/images/icon_star_link.gif");
		oc2.attr("src", "/images/icon_star_link.gif");
	});

	oc3.bind("mouseover", function(){
		oc1.attr("src", "/images/icon_star_link.gif");
		oc2.attr("src", "/images/icon_star_link.gif");
		oc3.attr("src", "/images/icon_star_link.gif");
	});

	oc4.bind("mouseover", function(){
		oc1.attr("src", "/images/icon_star_link.gif");
		oc2.attr("src", "/images/icon_star_link.gif");
		oc3.attr("src", "/images/icon_star_link.gif");
		oc4.attr("src", "/images/icon_star_link.gif");
	});

	oc5.bind("mouseover", function(){
		oc1.attr("src", "/images/icon_star_link.gif");
		oc2.attr("src", "/images/icon_star_link.gif");
		oc3.attr("src", "/images/icon_star_link.gif");
		oc4.attr("src", "/images/icon_star_link.gif");
		oc5.attr("src", "/images/icon_star_link.gif");
	});

	oc1.bind("mouseout", function(){
		oc1.attr("src", src1);
	});

	oc2.bind("mouseout", function(){		
		oc2.attr("src", src2);
	});

	oc3.bind("mouseout", function(){
		oc3.attr("src", src3);
	});

	oc4.bind("mouseout", function(){
		oc4.attr("src", src4);
	});

	oc5.bind("mouseout", function(){
		oc5.attr("src", src5);
	});

	zvjezdice.bind("mouseout", function(){
		oc1.attr("src", src1);
		oc2.attr("src", src2);
		oc3.attr("src", src3);
		oc4.attr("src", src4);
		oc5.attr("src", src5);
	});

	oc1.bind("click", function(){
		$.post('/ajax/rate_artikl/'+artikl_id+'/1', {rate:1} ,updateStatus, "json");
	});

	oc2.bind("click", function(){
		$.post('/ajax/rate_artikl/'+artikl_id+'/2', {rate:2} ,updateStatus, "json");
	});

	oc3.bind("click", function(){
		$.post('/ajax/rate_artikl/'+artikl_id+'/3', {rate:3} ,updateStatus, "json");
	});

	oc4.bind("click", function(){
		$.post('/ajax/rate_artikl/'+artikl_id+'/4', {rate:4} ,updateStatus, "json");
	});

	oc5.bind("click", function(){
		$.post('/ajax/rate_artikl/'+artikl_id+'/5', {rate:5} ,updateStatus, "json");
	});
}

function updateStatus (html) {		
	$("#ocjena").html(html["ocjena"]);
	$("#zvjezdice").html(html["zvjezdice"]);
}


function attach_btns() {	
	$("[name='btn_dodaj']").click(putArtikl);	
}