var slided = false;

function showScoreChart(adUkey, memberUkey) {
    var chartHTML
        ='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'
        +'       id="adPerformerSurveyScoreChart" width="380" height="350"'
        +'    codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">'
        +'    <param name="movie" value="/flex/adSurveyScoreChart.swf" />'
        +'    <param name="quality" value="high" />'
        +'    <param name="bgcolor" value="#fbfbfb" />'
        +'    <param name="allowScriptAccess" value="sameDomain" />'
        +'    <param name="flashVars" value="adUkey='+adUkey+'&memberUkey='+memberUkey+'"'
        +'    <embed src="/flex/adSurveyScoreChart.swf" quality="high" bgcolor="#fbfbfb"'
        +'        width="380" height="350" name="adPerformerSurveyScoreChart" align="middle"'
        +'        play="true"'
        +'        loop="false"'
        +'        quality="high"'
        +'        allowScriptAccess="sameDomain"'
        +'        flashVars="adUkey='+adUkey+'&memberUkey='+memberUkey+'"'
        +'        type="application/x-shockwave-flash"'
        +'        pluginspage="http://www.adobe.com/go/getflashplayer">'
        +'    </embed>'
        +'</object>';
    document.getElementById('scoreChart').innerHTML = chartHTML;
}


function removeCommentGrade() {
    //$('#commentGrade').remove();
    //$('#commentGradeInput').remove();
    //$('#commentContent').removeClass("commentContentWithRating");
    //$('#commentContent').addClass("commentContent");
    $('#commentGradeInput').remove();
    $("#commentFormContainer .gradeCell").remove();
    $("#commentFormContainer .contentCell").addClass("contentCellWide");
    graded = true;

}

function initScore() {
    $("input.scoreInputW").rating({
        starWidth: 32,
        split: 2,
        required: true,
        callback: function(value, link) {
            $("#scoreTextW").text(value);
        }
    });
    
}

function setScore(score) {
    var scoreInt = parseInt(score);
    var scoreInputId = "scoreInputR" + scoreInt;
    $('#'+scoreInputId).attr("checked", "checked");
    $("input.scoreInputR").rating({
        starWidth: 32,
        split: 2,
        readOnly: true
    });
    $('#scoreTextR').text(score);
}

function setSurveyQuestion(adSurvey) {
	
    $("#questionUkey").val(adSurvey.ukey);
    $("#question1").text(adSurvey.question1);
    $("#question2").text(adSurvey.question2);
    $("#question3").text(adSurvey.question3);
    $("#question4").text(adSurvey.question4);
    $("#question5").text(adSurvey.question5);
    $("#question6").text(adSurvey.question6);
    $("#question7").text(adSurvey.question7);
}


var showAdSurvey = function(jsonObject){
    
    initScore();
    var adSurvey = jsonObject.adSurvey;
    setSurveyQuestion(adSurvey);
    
    $("#rightFramePanel130").hide();
    $("#rightFramePanel131").show();
    $("#scoreInputPanel").show();
    $("#scoreResultPanel").hide();
    $("#rightFramePanel132").hide();
    
}

var showAdScore = function(jsonObject) {

    var adSurveyStep = jsonObject.adSurveyStep;
    var memberAdScore = jsonObject.memberAdScore.toFixed(1);
    
    $("#adSurveyStep").val(adSurveyStep);
    
    setScore(memberAdScore);
    $("#scoreInputPanel").hide();
    $("#scoreResultPanel").show();

    removeCommentGrade();
    
    return false;
}


var showAdSurveyWithAdScore = function(jsonObject){
    
    var memberAdScore = jsonObject.memberAdScore.toFixed(1);
    var adSurveyParticipant = jsonObject.adSurveyParticipant;

    setScore(memberAdScore);
    var adSurvey = jsonObject.adSurvey;
    setSurveyQuestion(adSurvey);
    $("#rightFramePanel130").hide();
    $("#rightFramePanel131").show();
    $("#scoreInputPanel").hide();
    $("#scoreResultPanel").show();
    $("#rightFramePanel132").hide();
    
    removeCommentGrade();

    return false;
}

var showAdSurveyScore=function(jsonObject){
    var averageAdScore = jsonObject.averageAdScore.toFixed(1);

    $('#scoreText2').text(averageAdScore);
    $('#scoreBar').css('width', averageAdScore*10+'%')
    
    var adScoreParticipant = jsonObject.adScoreParticipant;
    var memberAdSurveyScore = jsonObject.memberAdSurveyScore;
    //var averageAdSurveyScore = jsonObject.averageAdSurveyScore;
    var adSurveyParticipant=jsonObject.adSurveyParticipant;
    
    $("#adSurveyParticipant").text(adSurveyParticipant.total);
    $("#adScoreParticipant").text(adScoreParticipant.total);

    var adUkey = memberAdSurveyScore.adUkey;
    var memberUkey = memberAdSurveyScore.memberUkey;
    
    var chartHTML = showScoreChart(adUkey, memberUkey)
                    
    $("#total").text(adSurveyParticipant.total);
    var total = adSurveyParticipant.total;
    var male = adSurveyParticipant.male;
    var female = adSurveyParticipant.female;
    var teen = adSurveyParticipant.teen;
    var twenty = adSurveyParticipant.twenty;
    var thirty = adSurveyParticipant.thirty;
    var forty = adSurveyParticipant.forty;
    var fifty = adSurveyParticipant.fifty;

    var malePercent=(male/total*100).toFixed(0);
    var femalePercent=(female/total*100).toFixed(0);
    var teenPercent=(teen/total*100).toFixed(0);
    var twentyPercent=(twenty/total*100).toFixed(0);
    var thirtyPercent=(thirty/total*100).toFixed(0);
    var fortyPercent=(forty/total*100).toFixed(0);
    var fiftypercent=(fifty/total*100).toFixed(0);

    if(malePercent==0){
        $("#male_line_graph").remove();
    }
    if(femalePercent==0){
        $("#female_line_graph").remove();
    }
    if(teenPercent==0){
        $("#teen_line_graph").remove();
    }
    if(twentyPercent==0){
        $("#twenty_line_graph").remove();
    }
    if(thirtyPercent==0){
        $("#thirty_line_graph").remove();
    }
    if(fortyPercent==0){
        $("#forty_line_graph").remove();
    }
    if(fiftypercent==0){
        $("#fifty_line_graph").remove();
    }
    
    $("#male_line_graph").css("width",(malePercent-2)+"%");
    $("#female_line_graph").css("width",(femalePercent-2)+"%");
    $("#teen_line_graph").css("width",(teenPercent-2)+"%");
    $("#twenty_line_graph").css("width",(twentyPercent-2)+"%");
    $("#thirty_line_graph").css("width",(thirtyPercent-2)+"%");
    $("#forty_line_graph").css("width",(fortyPercent-2)+"%");
    $("#fifty_line_graph").css("width",(fiftypercent-2)+"%");
    
    $("#male").text(malePercent);
    $("#female").text(femalePercent);
    $("#teen").text(teenPercent);
    $("#twenty").text(twentyPercent);
    $("#thirty").text(thirtyPercent);
    $("#forty").text(fortyPercent);
    $("#fifty").text(fiftypercent);
    $("#totalNumber").text(adSurveyParticipant.total);
    $("#rightFramePanel130").hide();
    $("#rightFramePanel131").hide();
    $("#rightFramePanel132").show();

    removeCommentGrade();
    
    return false;
}

function getChartHTML(adUkey,memberUkey){
    var chartHTML
            ='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'
                +'       id="adSurveyTest" width="400" height="400"'
                +'    codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">'
                +'    <param name="movie" value="/flex/adSurveyChart.swf" />'
                +'    <param name="quality" value="high" />'
                +'    <param name="bgcolor" value="#869ca7" />'
                +'    <param name="allowScriptAccess" value="sameDomain" />'
                +'    <param name="flashVars" value="adUkey='+adUkey+'&memberUkey='+memberUkey+'" />'
                +'    <embed src="/flex/adSurveyChart.swf" quality="high" bgcolor="#869ca7"'
                +'        width="250" height="250" name="adSurveyTest" align="middle"'
                +'        play="true"'
                +'        loop="false"'
                +'        quality="high"'
                +'        allowScriptAccess="sameDomain"'
                +'        flashVars="adUkey='+adUkey+'&memberUkey='+memberUkey+'"'
                +'        type="application/x-shockwave-flash"'
                +'        pluginspage="http://www.adobe.com/go/getflashplayer">'
                +'    </embed>'
                +'</object>';
    document.getElementById('flexViewer').innerHTML = chartHTML;
    
    return chartHTML;
}

var showSurveyResult = function(jsonObject){
    var adSurveyStep = jsonObject.adSurveyStep;
    $("#adSurveyStep").val(adSurveyStep);

    if (adSurveyStep == 'notSigned'){
        $("#rightFramePanel130").show();
        $("#rightFramePanel131").hide();
        $("#rightFramePanel132").hide();
    } else if (adSurveyStep == 'notScored') {
        showAdSurvey(jsonObject);
    } else if (adSurveyStep == 'scored') {
        showAdSurveyWithAdScore(jsonObject);
    } else if (adSurveyStep == 'surveyFinished') {
        showAdSurveyScore(jsonObject);
    } else {
        $("#rightFramePanel130").hide();
        $("#rightFramePanel131").hide();
        $("#rightFramePanel132").hide();
    }
    
    $("#adScoreForm").ajaxForm({
        url : '/ad/score/save.json',
        type : 'post',
        dataType : 'json',
        success : showAdScore
    });
    $("#submitSurveyScore").click(function(){
        if ($("#adSurveyStep").val() == "notScored") {
            alert("별점 평가를 먼저 완료해 주세요.");
            return false;
        } else {
            if (slided) {
                $("#adSurveyScoreForm").ajaxForm({
                    url : '/ad/surveyScore/save.json',
                    type : 'post',
                    dataType : 'json',
                    success : showAdSurveyScore
                });
            } else {
                alert("핸들로 평가점수를 선정해 주세요.");
                return false;
            }
        }
        
    });


    return false;
}

$(function(){
    $('#score1Slider-range').slider({
        range : "min",
        step : 0.1,
        min : 0,
        max : 10,
        value : 5,
        slide : function(event,ui){
            $('#score1').val(ui.value);
            $('#score1Span').text(ui.value);
            slided = true;
        }
    });
    $('#score1').val($("#score1Slider-range").slider("values", 1));
    $('#score1Span').text($("#score1Slider-range").slider("values", 1));
    
    $('#score2Slider-range').slider({
        range : "min",
        step : 0.1,
        min : 0,
        max : 10,
        value : 5,
        slide : function(event,ui){
            $('#score2').val(ui.value);
            $('#score2Span').text(ui.value);
        slided = true;
        }
    });
    $('#score2').val($("#score2Slider-range").slider("values", 1));
    $('#score2Span').text($("#score2Slider-range").slider("values", 1));
    
    $('#score3Slider-range').slider({
        range : "min",
        step : 0.1,
        min : 0,
        max : 10,
        value : 5,
        slide : function(event,ui){
            $('#score3').val(ui.value);
            $('#score3Span').text(ui.value);
            slided = true;
        }
    });
    $('#score3').val($("#score3Slider-range").slider("values", 1));
    $('#score3Span').text($("#score3Slider-range").slider("values", 1));
    
    $('#score4Slider-range').slider({
        range : "min",
        step : 0.1,
        min : 0,
        max : 10,
        value : 5,
        slide : function(event,ui){
            $('#score4').val(ui.value);
            $('#score4Span').text(ui.value);
            slided = true;
        }
    });
    $('#score4').val($("#score4Slider-range").slider("values", 1));
    $('#score4Span').text($("#score4Slider-range").slider("values", 1));
    
    $('#score5Slider-range').slider({
        range : "min",
        step : 0.1,
        min : 0,
        max : 10,
        value : 5,
        slide : function(event,ui){
            $('#score5').val(ui.value);
            $('#score5Span').text(ui.value);
            slided = true;
        }
    });
    $('#score5').val($("#score5Slider-range").slider("values", 1));
    $('#score5Span').text($("#score5Slider-range").slider("values", 1));
    
    $('#score6Slider-range').slider({
        range : "min",
        step : 0.1,
        min : 0,
        max : 10,
        value : 5,
        slide : function(event,ui){
            $('#score6').val(ui.value);
            $('#score6Span').text(ui.value);
            slided = true;
        }
    });
    $('#score6').val($("#score6Slider-range").slider("values", 1));
    $('#score6Span').text($("#score6Slider-range").slider("values", 1));
    
    $('#score7Slider-range').slider({
        range : "min",
        step : 0.1,
        min : 0,
        max : 10,
        value : 5,
        slide : function(event,ui){
            $('#score7').val(ui.value);
            $('#score7Span').text(ui.value);
            slided = true;
        }
    });
    $('#score7').val($("#score7Slider-range").slider("values", 1));
    $('#score7Span').text($("#score7Slider-range").slider("values", 1));
    
    var ver = navigator.appVersion; 
    if (ver.indexOf("MSIE") == -1){ 
   	   $('a[class=tab3]').click(function(){
			$('.bannerPanel').css("margin-top", "370px");
	    });
	    $('a[class=tab1]').click(function(){
	    	$('.bannerPanel').css("margin-top", "20px");
	    });
	    $('a[class=download]').click(function(){
	    	$('.bannerPanel').css("margin-top", "20px");
	    });
    } 
    
});