$(document).ready(function(){
    ratingBars('ratebg', 'feedback_atmosout');
    ratingBars('ratebg2', 'feedback_attspeed');    
    ratingBars('ratebg3', 'feedback_staffpolite');
    ratingBars('ratebg4', 'feedback_staffability');
    ratingBars('ratebg5', 'feedback_rateoverallexp');
    ratingBars('ratebg6', 'feedbackcc_timetaken');
    ratingBars('ratebg7', 'feedbackcc_staffpolite');
    ratingBars('ratebg8', 'feedbackcc_staffability');
    ratingBars('ratebg9', 'feedbackcc_overallexp');
    ratingBars('ratebg10', 'fb_clubvision_q1');
	ratingBars('ratebg11', 'fb_clubvision_q3_billing');
	ratingBars('ratebg12', 'fb_clubvision_q3_vas');
	ratingBars('ratebg13', 'fb_clubvision_q3_connet');
	ratingBars('ratebg14', 'fb_clubvision_q3_cusser');
	ratingBars('ratebg15', 'fb_clubvision_q3_price');
	ratingBars('ratebg16', 'fb_clubvision_q3_comrepu');
	ratingBars('ratebg17', 'fb_clubvision_q3_loyalty');
	ratingBars('ratebg18', 'fb_clubvision_q4_resp');
	ratingBars('ratebg19', 'fb_clubvision_q4_prof');
	ratingBars('ratebg20', 'fb_clubvision_q4_under');
	ratingBars('ratebg21', 'fb_clubvision_q4_friend');
    
    function ratingBars(parentdiv, hiddenid){        
        var msgList = new Array("No Comments", "Very Bad","Bad","Average", "Good", "Excellent");
        var stateBar = "";
        $("#"+parentdiv).children(".bar-normal").click(function () {            
            var noChilds = $("#"+parentdiv).children().length;
            var clickIndex = $(this).attr('index');
            $("#"+parentdiv).next("#result").html(msgList[clickIndex]);
            stateBar = msgList[clickIndex];
            var hidfldname = "input#"+hiddenid;
			$("#"+parentdiv).next("#result").next(hidfldname).val(msgList[clickIndex]);
            for(i=1;i<=noChilds;i++){
                if(i<=clickIndex){
                    $("#"+parentdiv).children("#bar"+i).css('background', 'url(/content/themes/dialog_new/assets/feedback/rateimages/b'+i+'_sel.gif) no-repeat');
                    $("#"+parentdiv).children("#bar"+i).attr('value', 'sel');
                }
                else{
                    $("#"+parentdiv).children("#bar"+i).css('background', 'url(/content/themes/dialog_new/assets/feedback/rateimages/b'+i+'_bg.gif) no-repeat');
                    $("#"+parentdiv).children("#bar"+i).attr('value', 'bg');
                }
            }        
        });
        $("#"+parentdiv).children(".bar-normal").hover(            
            function () {
                $(this).css("cursor", "pointer");
                var hoverIndex = $(this).attr('index');
                $("#"+parentdiv).next("#result").html(msgList[hoverIndex]);
                for(i=1;i<=hoverIndex;i++){
                    $("#"+parentdiv).children("#bar"+i).css('background', 'url(/content/themes/dialog_new/assets/feedback/rateimages/b'+i+'_over.gif) no-repeat');
                    if($("#"+parentdiv).children("#bar"+i).attr('value') == 'sel'){  
                        $("#"+parentdiv).children("#bar"+i).attr('value', 'selover');                
                    }
                    else{
                        $("#"+parentdiv).children("#bar"+i).attr('value', 'over');
                    }
                }
            },
            function () {
                var hoverIndex = $(this).attr('index');
                $("#"+parentdiv).next("#result").html(stateBar);
                for(i=1;i<=hoverIndex;i++){
                    if($("#"+parentdiv).children("#bar"+i).attr('value') == 'selover' || $("#"+parentdiv).children("#bar"+i).attr('value') == 'sel'){
                        $("#"+parentdiv).children("#bar"+i).css('background', 'url(/content/themes/dialog_new/assets/feedback/rateimages/b'+i+'_sel.gif) no-repeat');
                        $("#"+parentdiv).children("#bar"+i).attr('value', 'sel');
                    }
                    else{
                        $("#"+parentdiv).children("#bar"+i).css('background', 'url(/content/themes/dialog_new/assets/feedback/rateimages/b'+i+'_bg.gif) no-repeat');
                        $("#"+parentdiv).children("#bar"+i).attr('value', 'bg');
                    }
                }
            }
        );
    }
});