var $j = jQuery.noConflict();

function setCourseDate() {
  for (var i = 0; i < courses.length; i++) {
    var code = courses[i].substring(0, courses[i].indexOf("|"));
    if ($j("select:eq(0) option:selected").text().indexOf(code) > -1) {
      var date = courses[i].substring(courses[i].indexOf("|") + 1);
      $j("input[type='text']:eq(0)").val(date);
    }
  }
}

$j(document).ready(function () {

  if ($j("fieldset").size() > 1) {
    //customisations for enrollment forms
    $j("fieldset").attr("style", "width:865px;");
    if (document.location.href.toLowerCase().indexOf("domestic") > -1) {
      $j("select option[value='NZL']").attr("selected", true);
    }
    $j(".RadPicker input:eq(1)").attr("style", "width:230px;");
    $j("label:contains('ethnic')").attr("style", "width:600px;");
    $j("label:contains('ethnic')").parent().attr("colspan", "3");
    $j("label:contains('Polytechnic')").attr("style", "width:450px;");
    $j("label:contains('Polytechnic')").parent().attr("colspan", "2");
    $j("label:contains('arrange')").parent().attr("style", "width:230px;");
    $j("input[type='checkbox']").attr("checked", false);
    $j("input[type='text']:eq(0)").focus(function () {
      blur();
    });

    $j("select:eq(0)").change(function () {
      setCourseDate();
    });
    if (document.location.href.toLowerCase().indexOf("c=") > -1) {
      var code = document.location.href.substring(document.location.href.toLowerCase().indexOf("c=") + 2);
      $j("select:eq(0) option[value='" + code.toUpperCase() + "']").attr("selected", true);
      setCourseDate();
    }
  }

  //if not editing page...
  if ($j(".CmsPageToolBar").size() == 0) {
    //remove sitefinity added stylesheets
    $j("link[href*='App_Themes']").remove();
    $j("link[href*='WebResource']").remove();
  }

  //init top menu
  $j("#topmenu ul").superfish({
    autoArrows: false,
    animation: { opacity: 0.9, height: 'show' }
  });

  //remove dotted line from top of first li of each sub menu
  var uls = $j("#topmenu ul li ul");
  for (var i = 0; i < uls.length; i++) {
    $j(uls[i]).children("li:first").css("border-width", "0");
  }

  //move submit button on form to inside the last table
  $j("div.formContainer tr:last").after("<tr><td>" + $j("div.submitRow").html() + "</td></tr>");
  $j("div.submitRow").remove();

  //remove default colour from validation control
  $j("div.validationSummary").attr("style", "");

  //rename read more link
  $j("p.sf_readMore a").html("more &#187;");

  //setup view-stacks
  var stacks = $j("div.view-stack");
  for (var i = 0; i < stacks.length; i++) {

    views = $j(stacks[i]).children("ul").children("li");
    $j(stacks[i]).prepend("<ul class='control-bar'></ul>");
    for (var y = 0; y < views.length; y++) {
      $j(stacks[i]).children("ul.control-bar").append("<li><a>" + $j(views[y]).attr("title") + "</a></li>");
      $j(stacks[i]).children("ul.control-bar").children("li").children("a:last").bind("click", { el: views[y] }, function (e) {
        $j(e.data.el).parent().children(".view-stack-view li").css("display", "none");
        $j(e.data.el).css("display", "block");
        $j(this).parent().parent().children("li").removeClass("active"); ;
        $j(this).parent().addClass("active");
      });
    }
    //add class to original ul to indicate it contains the views
    $j(stacks[i]).children("ul:eq(1)").addClass("view-stack-view");
    //hide all views
    $j(stacks[i]).children("ul.view-stack-view").children("li").css("display", "none");
    //add first class to put border on right of first view
    $j(stacks[i]).children("ul.view-stack-view").children("li").children("ul:first").addClass("first");
    //activate the first view
    $j(stacks[i]).children("ul.control-bar").children("li:first").children("a").trigger("click");
  }

  //setup tips hide: 'mouseout',
  var tips = $j("ul.view-stack-view li ul li a");
  for (var i = 0; i < tips.length; i++) {
    var attrs = $j(tips[i]).attr("rel").split("|");
    var content = $j("#tip").html();
    content = content.replace("#CourseCode#", attrs[0]);
    content = content.replace("#Duration#", attrs[1]);
    content = content.replace("#StartDate#", attrs[2]);
    content = content.replace("#MoreHref#", $j(tips[i]).attr("href"));
    $j(tips[i]).qtip({
      content: content,
      show: 'mouseover',
      hide: {
        delay: 500,
        fixed: true
      },
      style: {
        name: 'light',
        tip: {
          corner: 'leftBottom'
        }
      },
      border: {
        width: 3,
        color: '#333333'
      },
      position: {
        corner: {
          target: 'center',
          tooltip: 'bottomLeft'
        }
      }
    });
  }
});