/**
 *  this function is for lesson rate on lesson discussion page.
 */
$(function() {
    var v3_id = $('#v3_id').html();
    var slug = $("#slug").html();
    // vote this lesson
    $("#h1").mouseover(function() {
    	$("#hi1").attr('src', '/images/icons/vote_yes.gif');
    	for (i=2;i<=5;i++) {
    		$("#hi"+i).attr('src', '/images/icons/vote_none.gif');
    	}
    }).mouseout(function() {
    	var rate = $("#rate").html();
        if (rate > 1) {
			for (i=2;i<=rate;i++) {
        		$("#hi"+i).attr('src', '/images/icons/vote_yes.gif');
    	
        	}
		} else {
			for (i=5;i>rate;i--) {
        		$("#hi"+i).attr('src', '/images/icons/vote_none.gif');
        	}
		}
    }).click(function() {
    	$("#rate").html('1');
    	for (i=1;i<=1;i++) {
    		$("#hi"+i).attr('src', '/images/icons/vote_yes.gif');
    	}
    	$.ajax({
                type : "POST",
                url : "/lessons/"+slug+"/ratelesson",
                data : "rate=1&v3_id="+v3_id,
                success:function(msg) {
                    if (msg == "failed") {
                        $(".rate").html('rating failed');       
                    } else {
                    	$.ajax({
                            type : "GET",
                            url : "/lessons/"+slug+"/get-lesson-ranking",
                            data : "v3_id="+v3_id,
                            success:function(msg) {
                                if (msg) {
                                	$(".ranking").html(msg);
                                	$("#rate").html('1');
                                }
                            }
                        });
                    }
                }
            });
    });
    
    $("#h2").mouseover(function() {
    	$("#hi1").attr('src', '/images/icons/vote_yes.gif');
        $("#hi2").attr('src', '/images/icons/vote_yes.gif');
    	for (i=3;i<=5;i++) {
    		$("#hi"+i).attr('src', '/images/icons/vote_none.gif');
    	}
    }).mouseout(function() {
    	var rate = $("#rate").html();
    	if (rate) {
    		if (rate > 1) {
    			for (i=2;i<=rate;i++) {
            		$("#hi"+i).attr('src', '/images/icons/vote_yes.gif');
        	
            	}
    		} else {
    			for (i=5;i>rate;i--) {
            		$("#hi"+i).attr('src', '/images/icons/vote_none.gif');
            	}
    		}
    	}
    }).click(function() {
    	$("#rate").html('2');
    	for (i=1;i<=2;i++) {
    		$("#hi"+i).attr('src', '/images/icons/vote_yes.gif');
    	}
    	$.ajax({
                type : "POST",
                url : "/lessons/"+slug+"/ratelesson",
                data : "rate=2&v3_id="+v3_id,
                success:function(msg) {
                   if (msg == "failed") {
                        $(".rate").html('rating failed');       
                    } else {
                    	$.ajax({
                            type : "GET",
                            url : "/lessons/"+slug+"/get-lesson-ranking",
                            data : "v3_id="+v3_id,
                            success:function(msg) {
                                if (msg) {
                                	$(".ranking").html(msg);
                                	$("#rate").html('2');
                                }
                            }
                        });
                    }
                }
            });
    });
    
    $("#h3").mouseover(function() {
    	$("#hi1").attr('src', '/images/icons/vote_yes.gif');
        $("#hi2").attr('src', '/images/icons/vote_yes.gif')
        $("#hi3").attr('src', '/images/icons/vote_yes.gif');
        for (i=4;i<=5;i++) {
    		$("#hi"+i).attr('src', '/images/icons/vote_none.gif');
    	}
    }).mouseout(function() {
    	var rate = $("#rate").html();
    	if (rate) {
    		if (rate > 2) {
    			for (i=3;i<=rate;i++) {
            		$("#hi"+i).attr('src', '/images/icons/vote_yes.gif');
        	
            	}
    		} else {
    			for (i=5;i>rate;i--) {
            		$("#hi"+i).attr('src', '/images/icons/vote_none.gif');
            	}
    		}
    		
    	}
    }).click(function() {
    	$("#rate").html('3');
    	for (i=1;i<=3;i++) {
    		$("#hi"+i).attr('src', '/images/icons/vote_yes.gif');
    	}
    	$.ajax({
                type : "POST",
                url : "/lessons/"+slug+"/ratelesson",
                data : "rate=3&v3_id="+v3_id,
                success:function(msg) {
                    if (msg == "failed") {
                        $(".rate").html('rating failed');       
                    } else {
                    	$.ajax({
                            type : "GET",
                            url : "/lessons/"+slug+"/get-lesson-ranking",
                            data : "v3_id="+v3_id,
                            success:function(msg) {
                                if (msg) {
                                	$(".ranking").html(msg);
                                	$("#rate").html('3');
                                }
                            }
                        });
                    }
                }
            });
    });
    
    $("#h4").mouseover(function() {
    	$("#hi1").attr('src', '/images/icons/vote_yes.gif');
        $("#hi2").attr('src', '/images/icons/vote_yes.gif')
        $("#hi3").attr('src', '/images/icons/vote_yes.gif');
        $("#hi4").attr('src', '/images/icons/vote_yes.gif');
        for (i=5;i<=5;i++) {
    		$("#hi"+i).attr('src', '/images/icons/vote_none.gif');
    	}
    }).mouseout(function() {
    	var rate = $("#rate").html();
    	if (rate) {
    		if (rate > 3) {
    			for (i=4;i<=rate;i++) {
            		$("#hi"+i).attr('src', '/images/icons/vote_yes.gif');
        	
            	}
    		} else {
    			for (i=5;i>rate;i--) {
            		$("#hi"+i).attr('src', '/images/icons/vote_none.gif');
            	}
    		}
    		
    	}
    }).click(function() {
    	$("#rate").html('4');
    	for (i=1;i<=4;i++) {
    		$("#hi"+i).attr('src', '/images/icons/vote_yes.gif');
    	}
    	$.ajax({
                type : "POST",
                url : "/lessons/"+slug+"/ratelesson",
                data : "rate=4&v3_id="+v3_id,
                success:function(msg) {
        			if (msg == "failed") {
                        $(".rate").html('rating failed');       
                    } else {
                    	$.ajax({
                            type : "GET",
                            url : "/lessons/"+slug+"/get-lesson-ranking",
                            data : "v3_id="+v3_id,
                            success:function(msg) {
                                if (msg) {
                                	$(".ranking").html(msg);
                                	$("#rate").html('4');
                                }
                            }
                        });
                    }
                }
            });
    });
    
     $("#h5").mouseover(function() {
    	$("#hi1").attr('src', '/images/icons/vote_yes.gif');
        $("#hi2").attr('src', '/images/icons/vote_yes.gif')
        $("#hi3").attr('src', '/images/icons/vote_yes.gif');
        $("#hi4").attr('src', '/images/icons/vote_yes.gif');
        $("#hi5").attr('src', '/images/icons/vote_yes.gif');
    }).mouseout(function() {
    	var rate = $("#rate").html();
    	if (rate) {
    		if (rate < 5) {
    			for (i=5;i>rate;i--) {
            		$("#hi"+i).attr('src', '/images/icons/vote_none.gif');
            	}
    		} 
    	}
    }).click(function() {
    	$("#rate").html('5');
    	for (i=1;i<=5;i++) {
    		$("#hi"+i).attr('src', '/images/icons/vote_yes.gif');
    	}
    	$.ajax({
                type : "POST",
                url : "/lessons/"+slug+"/ratelesson",
                data : "rate=5&v3_id="+v3_id,
                success:function(msg) {
                    if (msg == "failed") {
                        $(".rate").html('rating failed');       
                    } else {
                    	$.ajax({
                            type : "GET",
                            url : "/lessons/"+slug+"/get-lesson-ranking",
                            data : "v3_id="+v3_id,
                            success:function(msg) {
                                if (msg) {
                                	$(".ranking").html(msg);
                                	$("#rate").html('5');
                                }
                            }
                        });
                    }
                }
            });
    });
});