function ShowPopupSurvey()
{
    surveyItemController.AllSinger(GetSurveyInfo);
    document.getElementById("survey_form").style.display = "block";
    document.getElementById("div_survey_content").style.display = "none";
    document.getElementById("hidSurveyItemId").value = "";
    
    document.getElementById("popup_survey").className = "popup_property_survey_vote";
    document.getElementById("popup_survey_drag").className = "popup_survey_drag_vote";
    document.getElementById("popup_survey_form").className = "popup_property_survey_form_vote";
    
    ClearCB();
    var popup = new Popup({
    id: 'popup_survey',
    closeId: 'popup_survey_close',
    dragable: true,
    dragEventId: 'popup_survey_drag',
    object: null
    });
    var mvtop = document.documentElement.clientHeight;            
    var popupHeight = parseInt(document.getElementById("popup_survey").clientHeight);
    if (popupHeight == 0) popupHeight = 300;
    mvtop  = (mvtop - popupHeight)/2 + document.documentElement.scrollTop;
    popup.show({"top": mvtop, "left": 400});
    document.getElementById("popup_survey").style.position = "absolute";
    document.getElementById("btnShowPopupSurvey").disabled = true;
    //setPositionCenter(document.getElementById("popup_survey"));
    
    //window.scroll(0, 0);
}

function GetSurveyInfo(isPopup)
{
    surveyItemController.GetSurveyTitle(isPopup);
}

function VoteForSurvey()
{
    System.Environment.RequestManager.sendRequest('./user/getCurentUserInfo.html',{},function(response, opts){
            if(response.responseText == "fail")
            {
                alert("Bạn phải đăng nhập để bầu chọn!");
            }
            else
            {
                if (document.getElementById("hidSurveyItemId").value != "")
                {
                    surveyItemController.Vote(document.getElementById("hidSurveyItemId").value,ViewSurveyResult);
                }
                else
                {
                    alert("Bạn phải chọn 1 ca sĩ!");
                }
            }
        }, function(){});
}

function ViewSurveyResult()
{
    surveyItemController.GetResult(ShowResult);
}

function ShowResult()
{
    document.getElementById("popup_survey").className = "popup_property_survey";
    document.getElementById("popup_survey_drag").className = "popup_survey_drag";
    document.getElementById("popup_survey_form").className = "popup_property_survey_form";
    
    document.getElementById("survey_form").style.display = "none";
    document.getElementById("div_survey_content").style.display = "block";
    surveyItemController.GetTop3(GetSurveyInfo);
}

function SelectIds()
{
    var selectedId = "";
 
    var i = 0;
    while (document.getElementById("cb" + i) != null)
    {
        var obj = document.getElementById("cb" + i);
        if (obj.checked)
            selectedId += obj.value + ",";
        i++;
    }
    if (i > 0)
        selectedId = selectedId.substring(0,selectedId.length - 1);
    else
        selectedId = "null";
    return selectedId;
}

function SelectId(id)
{
    var i = 0;
    while (document.getElementById("cb" + i) != null)
    {
        var obj = document.getElementById("cb" + i);
        if (obj.checked && obj.value != id) obj.checked = false;      
        i++;
    }
    document.getElementById("hidSurveyItemId").value = id;
}

function ClearCB()
{
    var i = 0;
    while (document.getElementById("cb" + i) != null)
    {
        var obj = document.getElementById("cb" + i);
        if (obj.checked)
            obj.checked = false;
        i++;
    }
}

function genColour() {
    var retVal;
    var rnd_r = String(Math.floor(Math.random()*255));
    var rnd_g = String(Math.floor(Math.random()*255));
    var rnd_b = String(Math.floor(Math.random()*255));
    retVal = 'rgb(' + rnd_r + ', ' + rnd_g + ', ' +  + rnd_b + ')';
    return retVal;
}

function GetColor(i)
{
    var pos = i%10;    
    var retVal;
    switch (pos)
    {
        case 0:
            retVal = "rgb(25,25,112)";//Green
            break;
        case 1:
            retVal = "rgb(255,0,0)"; //Red
            break;
        case 2:
            retVal = "rgb(47,79,79)"; //Gray
            break;
        case 3:        
            retVal = "rgb(0,0,0)"; //Blackbreak;
            break;
        case 4:
            retVal = "rgb(255,165,0)"; //Orange
            break;
        case 5:
            retVal = "rgb(0,255,0)"; //Blue
            break;
        case 6:
            retVal = "rgb(219,112,147)"; //Violet
            break;
        case 7:
            retVal = "rgb(255,218,185)"; //Peach
            break;
        case 8:
            retVal = "rgb(229,229,229)"; //Grey
            break;
        case 9:
            retVal = "rgb(205,201,201)";
            break;
        default: retVal = "rgb(255,255,255)"; //White
    }        
    return retVal;
}