var PollComponentGeneratorURL=rootFolderName+"/app/polls/PollComponentGenerator.aspx";

//For Question
function add_Media_Question()
{
    $('#pollquestion').hide().next().show();    
    $("#media_ques .txtPollQuestion").val($('#pollquestion .txtPollQuestion').val());
}
function reset_Media_ques()
{
    var textmedia=$('#media_ques input.txtPollQuestion');
    var text=$('#pollquestion input.txtPollQuestion');
    text.val(textmedia.val());
    $('#media_ques').prev().show().next().hide();
}

function upload_Image(type)
{
    if(type=="question")
    {
        $('.txtSeeSmicId').val('');$('.txtYouTubeId').val('');
        var textmedia=$('input',$('#media_ques'));var text=$('input',$('#pollquestion'));
        text.val(textmedia.val());
        $('form').attr('target',"iframe_buffer");
        $('form').attr('_SIS_type',type);
    }
    if(type=="answer")
    {
        var textmedia=$('input.poll-answer',$('tr.media'));
        var text=$('input.poll-answer',$('tr.media').prev());
        text.val(textmedia.val());
        $('form').attr("target",'iframe_buffer');
        $('form').attr('_SIS_type',type);
    }
    var image_uploading_message= Lang.ImageUploadingMessage;
    Alert("<img src='"+rootFolderName+"/images/skin-images/loader.gif' alt='...' />"+image_uploading_message,Lang.Cancel);
}

function reset_form_target()
{
    $('form').get(0).target=''; 
    var type=$('form').attr('_SIS_type'); 
    if(type=="question")
    {
        reset_Media_ques();
        $("#ImgbtnMedia").next(".media-icon").html("<img src='"+rootFolderName+"/images/icons/medImg.gif' />");
    }
    if(type=="answer")
    {
        change_media_icon(1);
    }
    $.modal.close();
}
function change_que_media_icon(type)
{
    var img="";
    if(type==2)
    {
        $('.txtSeeSmicId').val('');
        img="medYT.gif"
    }
    if(type==3)
    {
        $('.txtYouTubeId').val('');
         img="medSee.gif"
    }
    $('#pollquestion').show().next().hide();
    $("#ImgbtnMedia").next(".media-icon").html("<img src='"+rootFolderName+"/images/icons/"+img+"' />");
}
function change_media_icon(type)
{
var img="";
    if(type==1)
        img="medImg.gif"
    if(type==2)
         img="medYT.gif"
    if(type==3)
        img="medSee.gif"
    $("tr.media").prev().show().find("img.imgMediaBtn").next(".media-icon").html("<img src='"+rootFolderName+"/images/icons/"+img+"' />");
    $("tr.media").remove();
}
//For Answers
function add_Media(media)
{
    $("tr.media").prev().show().next().remove();
    var text=$('input.poll-answer',$(media).parent().parent());
    $(media).parent().parent().hide().after(get_media_tr(text));
}
function reset_Media(span)
{
    var textmedia=$('input.poll-answer',$(span).parents('tr.media'));
    var text=$('input.poll-answer',$(span).parents('tr.media').prev());
    text.val(textmedia.val());
    $(span).parents('tr.media').prev().show().next().remove();
}

function get_media_tr(txtname)
{
    var str='<tr class="media"><td colspan="4">';
    str+='  <div style="border:solid 1px #739541;background:#EBF1E5;">'
    str+='      <div style="text-align:right;cursor:pointer;padding:5px;">'
    str+='          <span onclick="reset_Media(this)"><img src="'+rootFolderName+'/images/icons/close.gif" /></span>'
    str+='      </div>';
    str+='      <div style="padding:10px">';
    str+='          <input name="anstext" type="text" value="'+$(txtname).val()+'" class="poll-answer text-box login-txt-box" maxlength="250" />';
    str+='          <div class="media-input-field-container">'+get_media_input_field(txtname)+'</div>';
    str+='      </div>';
    str+=get_media_chooser(txtname);
    str+='  </div>';
    str+='</td></tr>';
    return str;
}
function get_media_input_field(txt)
{
    var index=$(txt).attr("name").replace("answers","");
    var str="";
    str='Choose a picture: <input type="file" id="mediaFile" name="mediaFile'+index+'" /><input type="submit" name="uploadAns" value="Upload" onclick="change_media_value(this,1);upload_Image(\'answer\');"  />';
    if($(txt).prevAll(".answer_media_type").val()=='2')
        str="Enter a YouTube video ID: <input type='text' value='"+$(txt).prevAll(".answer_media").val()+"' maxlength='250' /> <input type='button' value='Done' onclick='change_media_value(this,2);' />"
    else if($(txt).prevAll(".answer_media_type").val()=='3')
        str="Enter a Seesmic video ID: <input type='text' value='"+$(txt).prevAll(".answer_media").val()+"' maxlength='250' /> <input type='button' value='Done' onclick='change_media_value(this,3)' />"
    return str;
}
function change_media_value(button,type)
{
    $(button).parents("tr.media").prev().find(".answer_media_type").val(type);
    if(type>1)
    {
        $(button).parents("tr.media").prev().find(".answer_media").val($(button).prev().val());
        change_media_icon(type);
    }
    else
        $(button).parents("tr.media").prev().find(".answer_media").val('');
}
function  change_media_input_field(span,type,index)
{
    $(".media-option").removeClass("active");
    $(span).addClass("active");
    var str="";
    var val="";
    if(type=='1')
    {
       str='Choose a picture: <input type="file" id="mediaFile" name="mediaFile'+index+'" /><input type="submit" name="uploadAns" value="Upload" onclick="change_media_value(this,1);upload_Image(\'answer\');"  />';
    }
    if(type=='2')
    {
        if($(span).parents("tr.media").prev().find(".answer_media_type").val()==2)
            val=$(span).parents("tr.media").prev().find(".answer_media").val();
        str="Enter a YouTube video ID: <input type='text' value='"+val+"' maxlength='250' /> <input type='button' value='Done' onclick='change_media_value(this,2);' />"
    }
    if(type=='3')
    {
        if($(span).parents("tr.media").prev().find(".answer_media_type").val()==3)
            val=$(span).parents("tr.media").prev().find(".answer_media").val();  
        str="Enter a Seesmic video ID: <input type='text' value='"+val+"' maxlength='250'  /> <input type='button' value='Done' onclick='change_media_value(this,3);' />"
    }
    $(".media-input-field-container").html(str);   
}

function get_media_chooser(txt)
{
    var imgActive="active";
    var YTActive="";
    var smActive="";
    var index=$(txt).attr("name").replace("answers","");
    if($(txt).prevAll(".answer_media_type").val()=='1')
        imgActive="active";
    if($(txt).prevAll(".answer_media_type").val()=='2')
    {
        YTActive="active";
        imgActive="";
    }
    if($(txt).prevAll(".answer_media_type").val()=='3')
    {
        smActive="active"
        imgActive="";
    }
    var str='<div style="padding:3px;background:#AEC88B"><strong>Choose Media : </strong> &nbsp; <span onclick="change_media_input_field(this,1,\''+index+'\')" class="media-option '+imgActive + 
    '"><img  src="../../images/icons/medImg.gif" alt="SiS Survey image" /> Image</span> <span onclick="change_media_input_field(this,2,\''+index+'\')" class="media-option '+YTActive+
    '"><img  src="../../images/icons/medYT.gif" alt="SiS Survey YouTube" /> YouTube</span> <span onclick="change_media_input_field(this,3,\''+index+'\')" class="media-option '+smActive+
    '"><img  src="../../images/icons/medSee.gif" alt="SiS Survey Seesmic" /> Seesmic</span></div>';
    return str;
}
function get_tr()
{
    var i=$("input[name=pollAnswerCount]").val();
    var html= '<tr class="pollAnswer_TR">'+
              ' <td>'+
              '     <img src="'+rootFolderName+'/images/Buttons/i_o_up.gif" onclick="up_tr_answer(this)" />  '+
              '     <img src="'+rootFolderName+'/images/Buttons/i_o_dn.gif" onclick="dn_tr_answer(this)" />'+
              ' </td>'+
              ' <td style="padding-left:10px;">'+
              "     <input type='hidden' name='__answer_media[" + (i) + "]'      class='answer_media'                       value=''      />"+
              "     <input type='hidden' name='__answer_media_type[" + (i) + "]' class='answer_media_type'                  value='0'     />"+
              '     <input type="hidden"   name="answer_id['+(i)+']"               class="ans_id"                             value="0"     />'+
              '     <input type="text"   name="answers['+(i)+']"                 class="poll-answer text-box login-txt-box"  maxlength="250"            />'+
              '     <input type="hidden" name="answer_sequence['+(i)+']"         class="ans_seq"                                          />'+
              "     <input type='hidden' name='answer_deleted[" + (i) + "]'      class='answer_deleted'                     value='false' />"+
              ' </td>'+
              ' <td>'+
              '     <img src="'+rootFolderName+'/images/Buttons/add_button.gif" onclick="add_tr_for_answer_middle(this)"  style="cursor:pointer" />'+  
              '     <img src="'+rootFolderName+'/images/Buttons/remove_button.gif" onclick="remove_tr_for_answer(this)" style="cursor:pointer" />  '+
              ' </td>'+
              ' <td>&nbsp;&nbsp;'+
              '     <img class="imgMediaBtn" src="'+butMedPath+'" onclick="add_Media(this)" style="cursor:pointer" /> <span class="media-icon"></span>'+
              ' </td>'+
              '</tr>';
    $("input[name=pollAnswerCount]").val(parseInt(i)+1);
    return html;
}

function add_tr_for_answer(a)
{
    var This=a;
    $(This).append(get_tr());
    resetAnswerSequence();
}

function add_tr_for_answer_middle(a)
{
    var This=a;
    $(This).parent().parent().after(get_tr());
    resetAnswerSequence();
}

function up_tr_answer(img)
{
    var This=img;
    var TR=$(This).parent().parent();
    if(TR.prev().length>0)
    {
        TR.prev().before(TR.remove().clone(true));
    }
    resetAnswerSequence();
} 

function dn_tr_answer(img)
{
    var This=img;
    var TR=$(This).parent().parent();
    if(TR.next().length>0)
    {
        TR.next().after(TR.remove().clone(true));
    }
    resetAnswerSequence();
} 
function remove_tr_for_answer(a)
{
    if($("#answer tr:visible").length>2)
    {
        var This=a;
        var This=a;
        $(This).parent().parent().hide().find("input.answer_deleted").val("true");        
    }
    else
    {
        Alert(Lang.twoPollsAlert);
    }
    resetAnswerSequence();
}
function confirm_and_hide_tr_for_answer(a)
{
    if($("#answer tr").length>2)
    {
        Confirm(Lang.confirmDeletePollAnswer,function(){
            var This=a;
            $(This).parent().parent().hide().find("input.answer_deleted").val("true");        
        });
    }
    else
    {
        Alert(Lang.twoPollsAlert);
    }
    resetAnswerSequence();

}

function add_tr_for_initialanswer()
{
    $("#answer").load(PollComponentGeneratorURL,{id:GlobalPollID,cmd:"GetAnswers"},function(data){resetAnswerSequence();});
    
}
function resetAnswerSequence()
{
    $("tr.pollAnswer_TR").each(function(){
        var idx= $("tr.pollAnswer_TR").index(this);
        $(this).find(".ans_seq").val(idx);
    })
}