var NS_DDG = "div#ddgContainer ";
var ids=new Array('s1','s2','s3');

var customTransport = [];

function init(){
  hideallids();
  showdiv('s1');
  clearHiddenParams();
}

function switchid(id){
  hideallids();
  showdiv(id);
}

function hideallids(){
  //loop through the array and hide each element by id
  for (var i=0;i<ids.length;i++){
    hidediv(ids[i]);
  }
}

function clearHiddenParams() {
  $(NS_DDG + 'input[name=pcQues]').attr('value','none');
  $(NS_DDG + 'input[name=vanQues]').attr('value','none');
  $(NS_DDG + 'input[name=docQues]').attr('value','none');
  $(NS_DDG + 'input[name=customQues]').attr('value','none');
}

function hidediv(id) {
  $(NS_DDG + '#'+id).hide();
}

function showdiv(id) {
  //reset sliders
  //slideTo0();


  if (id=='s1') {
    $(NS_DDG + '#ddgProstate').addClass('active');
    $(NS_DDG + '#ddgVantas').removeClass('active');
    $(NS_DDG + '#ddgDoctor').removeClass('active');
  }else if (id=='s2') {
    $(NS_DDG + '#ddgVantas').addClass('active');
    $(NS_DDG + '#ddgProstate').removeClass('active');
    $(NS_DDG + '#ddgDoctor').removeClass('active');
  }else if (id=='s3') {
    $(NS_DDG + '#ddgDoctor').addClass('active');
    $(NS_DDG + '#ddgProstate').removeClass('active');
    $(NS_DDG + '#ddgVantas').removeClass('active');
  }
  $(NS_DDG + '#'+id).show();

}

window.onload = init;

var custQuestCnt = 0;
$(function() {
  $(NS_DDG + '.questionSpace .plus').click(function() {
    $(this).hide();
    $(this).siblings('.tick').show();
    var sel = $(this).parent('.questionSpace').attr('id');
    var selQues = 'none';
    //Prep the hidden parameter for printer friendly page
    if (sel.indexOf('pcq')>-1) {
      selQues = $(NS_DDG + 'input[name=pcQues]').attr('value');
    }else if (sel.indexOf('vanq')>-1) {
      selQues = $(NS_DDG + 'input[name=vanQues]').attr('value');
    }else if (sel.indexOf('docq')>-1) {
      selQues = $(NS_DDG + 'input[name=docQues]').attr('value');
    }

    if (selQues=='none') {
      selQues = sel;
	}else if(selQues.length == 0) {
		selQues = sel;
    }else if (selQues.indexOf(sel)==-1) {
      selQues += '|' + sel;
    }

    if (sel.indexOf('pcq')>-1) {
      $(NS_DDG + 'input[name=pcQues]').attr('value',selQues);
    }else if (sel.indexOf('vanq')>-1) {
      $(NS_DDG + 'input[name=vanQues]').attr('value',selQues);
    }else if (sel.indexOf('docq')>-1) {
      $(NS_DDG + 'input[name=docQues]').attr('value',selQues);
    }
        
    $(NS_DDG + '#list #s'+sel).show();

    $(NS_DDG + "#selQuesArea").scrollTo($('#s'+sel));
   
    
  });

  $(NS_DDG + '.questionSpace .tick').click(function() {
    $(this).hide();
    $(this).siblings('.plus').show();
    var sel = $(this).parent('.questionSpace').attr('id');
    var selQues = 'none';
    //Prep the hidden parameter for printer friendly page
    if (sel.indexOf('pcq')>-1) {
      selQues = $(NS_DDG + 'input[name=pcQues]').attr('value');
    }else if (sel.indexOf('vanq')>-1) {
      selQues = $(NS_DDG + 'input[name=vanQues]').attr('value');
    }else if (sel.indexOf('docq')>-1) {
      selQues = $(NS_DDG + 'input[name=docQues]').attr('value');
    }

    if (selQues.indexOf(sel+'|')>-1) {
      selQues = selQues.replace(sel+'|',"");
    }else if (selQues.indexOf('|'+sel)>-1) {
      selQues = selQues.replace('|'+sel,"");
    }else if (selQues.indexOf(sel)>-1) {
      selQues = selQues.replace(sel,"");
    }

    if (sel.indexOf('pcq')>-1) {
      $(NS_DDG + 'input[name=pcQues]').attr('value',selQues);
    }else if (sel.indexOf('vanq')>-1) {
      $(NS_DDG + 'input[name=vanQues]').attr('value',selQues);
    }else if (sel.indexOf('docq')>-1) {
      $(NS_DDG + 'input[name=docQues]').attr('value',selQues);
    }
    $(NS_DDG + '#list #s'+sel).hide();
  });

  $(NS_DDG + '.selQuesSpace .close').click(function() {
    var sel = $(this).parent('.selQuesSpace').attr('id');
    var qid = sel.substring(1);
    var selQues = 'none';
    //Prep the hidden parameter for printer friendly page
    if (qid.indexOf('pcq')>-1) {
      selQues = $(NS_DDG + 'input[name=pcQues]').attr('value');
    }else if (qid.indexOf('vanq')>-1) {
      selQues = $(NS_DDG + 'input[name=vanQues]').attr('value');
    }else if (qid.indexOf('docq')>-1) {
      selQues = $(NS_DDG + 'input[name=docQues]').attr('value');
    }

    if (selQues.indexOf(qid+'|')>-1) {
      selQues = selQues.replace(qid+'|',"");
    }else if (selQues.indexOf('|'+qid)>-1) {
      selQues = selQues.replace('|'+qid,"");
    }else if (selQues.indexOf(qid)>-1) {
      selQues = selQues.replace(qid,"");
    }

    if (sel.indexOf('pcq')>-1) {
      $(NS_DDG + 'input[name=pcQues]').attr('value',selQues);
    }else if (sel.indexOf('vanq')>-1) {
      $(NS_DDG + 'input[name=vanQues]').attr('value',selQues);
    }else if (sel.indexOf('docq')>-1) {
      $(NS_DDG + 'input[name=docQues]').attr('value',selQues);
    }

    $(this).parent('.selQuesSpace').hide();
    $(NS_DDG + '#ddgSections #'+qid+' .tick').hide();
    $(NS_DDG + '#ddgSections #'+qid+' .plus').show();
  });

  $(NS_DDG + '#typeQuestions .addMyQues').click(function() {
    var myQues = $(NS_DDG + '#typeQuestions #myq01').val();
    // if no value entered; prompt
    if (myQues!=null && $.trim(myQues)=="") {
      alert("Please enter your question.");
      $(NS_DDG + "textarea#myq01").focus();
    } else {
      // if list has any HTML; previous question exists;
      var prevQues = $(NS_DDG + '#list #myQuess').html();
      if (prevQues!=null && prevQues.length>0) {
        //Get the last question Id so that the next dynamic id can be generated.
        //Need an Id because jquery is not allowing the action on the elements added after the DOM is generated.
        /*var prevQuesIdPos = prevQues.lastIndexOf("custQues") + 8;
                //If the user want to add more than 9 questions, limiting them to a 2 digit number though
                var prevQuesId = 1;
                var i=3;
                while (i<5 && (prevQues.substr(prevQuesIdPos+i, 5)=="class")) {
                    prevQuesId = prevQues.substr(prevQuesIdPos, i-2);
                    i++;
                }
                var nextQuesId = ++prevQuesId;
                fullMyQues = prevQues + '<div id="custQues'+nextQuesId+'" class="myQuesSpace"><div class="myClose" onclick="javascript:closeMe(\''+nextQuesId+'\');"></div><div class="myQues">'+myQues+'</div></div>';*/
        var customQues = $(NS_DDG + 'input[name=customQues]').attr('value');
        customTransport.push(customQues);
        //Using · as delimiter since it is an open text field
        customQues = customQues + "·" + myQues;
        $(NS_DDG + 'input[name=customQues]').attr('value',customQues);
      }else {
        // list is empty; add the first question
        //fullMyQues = '<div id="custQues1" class="myQuesSpace"><div class="myClose" onclick="javascript:closeMe(\'1\');"></div><div class="myQues">'+myQues+'</div></div>';
        $(NS_DDG + 'input[name=customQues]').attr('value',myQues);
        customTransport.push(myQues);
      }

      var nextCustQuestCnt = ++custQuestCnt;
      var fullMyQues = '<div id="custQues'+nextCustQuestCnt+'" class="myQuesSpace"><div class="myClose" onclick="javascript:closeMe(\''+nextCustQuestCnt+'\');"></div><div class="myQues">'+myQues+'</div></div>';
      $(NS_DDG + '#list #myQuess').append(fullMyQues);
      $(NS_DDG + "textarea#myq01").attr("value", "");

      $(NS_DDG + "#selQuesArea").scrollTo("max");
    }
  });

});

function closeMe(myQId) {
  //Prep the hidden parameter for printer friendly page
  var customQues = $(NS_DDG + 'input[name=customQues]').attr('value');
  var closingQues = $(NS_DDG + '#list #myQuess #custQues'+myQId).text();
  if (customQues.indexOf(closingQues+'·')>-1) {
    customQues = customQues.replace(closingQues+'·',"");
  }else if (customQues.indexOf('·'+closingQues)>-1) {
    customQues = customQues.replace('·'+closingQues,"");
  }else if (customQues.indexOf(closingQues)>-1) {
    customQues = customQues.replace(closingQues,"");
  }
  $(NS_DDG + 'input[name=customQues]').attr('value',customQues);
  $(NS_DDG + '#list #myQuess #custQues'+myQId).hide();

}





$(document).ready(function(){

  //unbind form in case it is still bound to email events
  $("#printmyddg").live("click", function() {
    $('form[name="ddgform"]').ajaxForm().unbind();
    $('form[name="ddgform"]').attr("target","_blank");
  })
  
  //validate email fields - live validation
  //sender email
  $("#senderEmail").live("keyup",function(){
    var email = $("#senderEmail").val();
    if(email.length > 0)
    {
      if(isValidEmailAddress(email))
      {
        senderEmailIsValid = true;
        $("#se_req").hide();
      }
    }
  });


  $("#emailSelf").live("click",function(){
    if($("#emailSelf").is(":checked")){
      $("#checkvalid").hide();
      $(".ui-button").last().hover(function() {
        $(this).css("cursor","pointer").addClass("ui-state-hover");
      },function(){
        // $(this).css("cursor","pointer").removeClass("ui-state-hover");
        });
    } else {
      $("#checkvalid").fadeIn().show();

      $(".ui-button").last().hover(function() {
        $(this).css("cursor","default").removeClass("ui-state-hover");
      },function(){
        $(this).css("cursor","default").removeClass("ui-state-hover");
      });

    }
  });


  var submitted = 0;
  

  //email validation function
  function isValidEmailAddress(emailAddress) {
    var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
    return pattern.test(emailAddress);
  }

  


  /* this uses the number of custom questions asked in this submission as
the value of the customQues hidden field. */
  $('form[name="ddgform"]').submit(function(e) {
    var cs = customTransport.length;
    $("input[name='numCustomQues']").val(cs);
    return true;
  });




  $("#ddgEmailBtn").hover(
    function () {
      $(this).css("cursor","pointer")
    },
    function () {
      $(this).css("cursor","default")
    });

  $("#emailDoctor").live("click", function(){
    doEmailPopup();
    return false;

  });

  //we use this function below in the response popup
  function bfr() {
    return true;
  }


  var opts = {
    target:$("#emailPopup")
  }

  function emailFormValidate(){
    var senderEmailIsValid = false;
    var sender = $("#senderEmail").val();
    if(isValidEmailAddress(sender)){
      senderEmailIsValid = true;
      formValid = true;
      $("#se_req").hide();
    }
    if(senderEmailIsValid == false || $("#senderEmail").val().length == 0) {
      $("#se_req").fadeIn().show();
      formValid = false;
    }

    if( $("#emailSelf").is(":checked") == false) {
      $("#checkvalid").fadeIn().show();
    } else {
      $("#checkvalid").hide();
    }




    if(formValid == false) {
      return false;
    } else {
      return true;
    }
   
  }



  $("#clshelper").live("click",function() {
    $("#emailPopup").dialog("close");
  });

  function doEmailRefresh() {
    $("#emailPopup").html(fmval);

    $(".replaceTitle").addClass("ui-dialog-titlebar ui-widget-header");
      
  }



  /* email doctor pop-up */
  function doEmailPopup(){
  
    if(submitted > 0){
      doEmailRefresh();
    }
    
    $('form[name="emailPopUpForm"]').ajaxForm().clearFields().clearForm().resetForm();

    $("#emailPopup").dialog({
      autoOpen:true,
      width:800,
      minWidth:600,
      maxWidth:800,
      height:350,
      modal:true,
      show:"fade",
      hide:"fade",
      title:"<div id='clshelper'>CLOSE</div><img class='emailPopupTitle' src='/images/ddguide/med-mail.gif'>E-mail Your VANTAS<sup>&reg;</sup> Doctor Discussion Guide",
      buttons: {
        "Cancel": function(){
          $('form[name="emailPopUpForm"]').ajaxForm().clearFields().clearForm().resetForm();
          $("#emailPopup").dialog("close");
        },
        "Send": function() {
          submitted = submitted + 1;
          //validate before submitting or altering form
          if(emailFormValidate()){
            if( $("#emailSelf").is(":checked")) {
              // "enable" send button if checkbox is checked
              $("#checkvalid").hide();
              // insert the popup form fields into the question form
              $("#senderName").appendTo($('form[name="ddgform"]'));
              $("#senderEmail").appendTo($('form[name="ddgform"]'));
              $("#doctorName").appendTo($('form[name="ddgform"]'));
              $("#doctorEmail").appendTo($('form[name="ddgform"]'));
              $("#emailSelf").appendTo($('form[name="ddgform"]'));
              $("#messageBox").appendTo($('form[name="ddgform"]'));
              $('form[name="ddgform"]').attr("action","email-discussion-guide.aspx");
              $('form[name="ddgform"]').ajaxForm().ajaxSubmit(opts) == true;

              // now that we've submitted the form, revert the form action back so the print button works
              $('form[name="ddgform"]').attr("action","print-discussion-guide.aspx");
              //clear form and render the congratulations box
              $("#senderName").remove();
              $("#senderEmail").remove();
              $("#doctorName").remove();
              $("#doctorEmail").remove();
              $("#emailSelf").remove();
              $("#messageBox").remove();
              $(".ui-dialog-titlebar").removeClass("ui-dialog-titlebar ui-widget-header").addClass("replaceTitle");
          
              $("#emailPopup").dialog({
                title:null,
                height:280,
                buttons: {
                  "Close": function() {
                    // reset title
                    $('form[name="emailPopUpForm"]').ajaxForm().clearFields().clearForm().resetForm();
                    $(this).dialog("close");
                  }
                }
              });
              $("#emailPopup").addClass('noborder');
              var ph = $("#loadingWrapper").html();
              $("#emailPopup").html(ph);
              // add number to footer
              $(".ui-dialog-buttonset").prepend("<span class='cn'>VN-01288/January 2011</span>");
              setTimeout(bfr,1000);
            } else {
              
              $("#checkvalid").fadeIn().show();
            }
          }
        }
      }
    });

    //keep Send button "gray" if checkbox is not checked
    $(".ui-button").last().hover(function() {
      $(this).css("cursor","default").removeClass("ui-state-hover");
    },function(){
      $(this).css("cursor","default").removeClass("ui-state-hover");
    });

    // add number to footer
  $(".ui-dialog-buttonset").prepend("<span class='cn'>VN-01288/January 2011</span>");

  }

})

// end of email popup code
//
//
//
//setup vertical sliders
//$(function() {
//    $(NS_DDG + "div#left div#left-vertical-slider").slider({
//        animate: true,
//        orientation: 'vertical',
//        range: 'max',
//        value: 100,
//        min: 0,
//        max: 100,
//        step: 5,
//        slide: function(event, ui) {scrollDiv('left', ui.value);},
//        change: function(event, ui) {scrollDiv('left', ui.value);}
//    });
//
//    $(NS_DDG + "div#right div#right-vertical-slider").slider({
//        animate: true,
//        orientation: 'vertical',
//        range: 'max',
//        value: 100,
//        min: 0,
//        max: 100,
//        step: 5,
//        slide: function(event, ui) {scrollDiv('right', ui.value);},
//        change: function(event, ui) {scrollDiv('right', ui.value);}
//    });
//});
//
//function scrollDiv(pos, uiValue) {
//    var maxScroll, scrollTo;
//    if (pos == 'left') {
//        maxScroll = $(NS_DDG + "div#left div.ddgSection:visible").attr("scrollHeight") - $(NS_DDG + "div#left div#ddgSections").height();
//        scrollTo = ((100-uiValue) * (maxScroll / 100));
//        $(NS_DDG + "div#left div.ddgSection:visible").scrollTop(scrollTo);
//    } else {
//        maxScroll = $(NS_DDG + "div#right #list.ddgSection").attr("scrollHeight") - $(NS_DDG + "div#right #list").height();
//        scrollTo = ((100-uiValue) * (maxScroll / 100));
//        $(NS_DDG + "div#right #list").scrollTop(scrollTo);
//    }
//}
//
//function slideTo0() {
//    $(NS_DDG + "div#left div#left-vertical-slider").slider("value", 100);
//    $(NS_DDG + "div#right div#right-vertical-slider").slider("value", 100);
//    scrollDiv('left', 100);
//    scrollDiv('right', 100);
//}