$(document).ready( function() {
		var active_id = '';
		$('div.rating_big div.rating_medium').each(function(index) {
		    var original_rating = $(this).text();
			//load the color intialy
			setRatingColor($(this).attr('id'),original_rating);
		});
		function setRatingColor(parent_id,rating){
        	rateInt =  parseFloat(rating);
        	$("#"+parent_id).removeClass("avg_g");
            $("#"+parent_id).removeClass("avg_y");
            $("#"+parent_id).removeClass("avg_r");
            if(rateInt>=7){
		  		$("#"+parent_id).addClass("avg_g");
			}else if(rateInt>=4){
			  	$("#"+parent_id).addClass("avg_y");
			}else{
			  	$("#"+parent_id).addClass("avg_r");
			}
        }
        $(".social_menu a").live('click', function (event) {
            event.preventDefault();
            var iden = $(this).attr('class');
            $(".social_widgets").hide();
            $("#"+iden).show();
        });
        $(".score_box").live('click', function () {
        	var iden = $(this).attr('id');
        	var parent_id_on = $(this).parent().attr("id").split('_')[1];
        	var parent_id = 'original_rating_'+parent_id_on
            var movie_name = $(this).parent().attr("name");
            active_id = iden;
            $("#"+parent_id).text(iden);
            $(this).prevAll().removeAttr("style");
            original_rating = iden;
            $.getJSON('/rate/movie/overall/',{ object_name: movie_name,rate:iden}, function(jd) {
	             if (jd.status === 'true'){
	             	$("#rate_message"+parent_id_on).css({"color":"#41D05F"});
	             	$("#rate_message"+parent_id_on).text('Successfuly saved.');  
	             	if(jd.publish){
	             		var publish = eval("(" + jd.publish + ")");
	             		FB.ui(publish);
	             	}  
	             }else if(jd.status === 'login'){
	             	$("#rate_message"+parent_id_on).html('Please <a href="/auth/login/" style="color:red;text-decoration:underline;" title="Go to login page">login</a> to rate');   
	             	$('a[name=modal]').trigger("click");
	             }else{
	             	$("#rate_message"+parent_id_on).css({"color":"red"});
	             	$("#rate_message"+parent_id_on).text('Sorry,System error');  
	             }
          	});
        });
         $(".score_box").hover(function () {
         	var iden = $(this).attr('id');
         	var parent_id = 'original_rating_'+$(this).parent().attr("id").split('_')[1];
         	original_rating = $("#"+parent_id).text();
         	$("div.user_rating_box").children().css('background-color', '#E1E1E1');
         	$(this).removeAttr("style");
            $(this).prevAll().removeAttr("style");
            $("#"+parent_id).text($(this).attr("id"));
            setRatingColor(parent_id,iden);
        }, function () {
        	active_id = ''
        	if(active_id){
        		$("div.user_rating_box").children().css('background-color', '#E1E1E1');
            	$("div.user_rating_box span#"+active_id).removeAttr("style");
            	$("div.user_rating_box span#"+active_id).prevAll().removeAttr("style");
            }else{
               $(this).css('background-color', '#E1E1E1');
	           $(this).prevAll().css('background-color', '#E1E1E1');
            }
            var parent_id = 'original_rating_'+$(this).parent().attr("id").split('_')[1];
            $("#"+parent_id).text(original_rating);
            setRatingColor(parent_id,original_rating);
        });
});
