/***************************************
* Start page structure functions
**************************************/

// do the required tasks when the document is ready
jQuery(document).ready(function() {
  // attach events to the our show
  attachOurShowsEvent();

  // take care of tab menu for the most popular
  target = jQuery("#home_mp_panel");
  if (target[0]) target.tabs({ fxAutoHeight: false });

  // change the css of most popular show listings for linebreak
  target = jQuery("#cat_hl_165216 #col2 div:nth-child(3)");
  if (target[0]) target[0].className += " last-show";

  // change the css of most popular video listings for linebreak
  target = jQuery("#cat_hl_164886 span:nth-child(4)");
  if (target[0]) target[0].className += " second-row-videos";

  // truncate video titles
  target = jQuery("#cat_hl_164886 a.linkItem");
  if (target[0]) truncateTitle(target, 20);

  // truncate show titles
  target = jQuery("#cat_hl_165216 span.text a");
  if (target[0]) truncateTitle(target, 37);

  // change the css name for the last quad on home
  target = jQuery("#cat_hl_164885 span.even");
  if (target[0]) target[target.length - 1].className += " last";

  target = jQuery("#cat_hl_164888 span.even");
  if (target[0]) target[target.length - 1].className += " last";


  // top menu
  jQuery("#cat_hl_164498 li").each(function(i) { this.firstChild.className += (' navItem' + (i + 1)); });

  // HD page
  doCorner("div.ninehd_nav", "5px"); 	/* top menu */
  doCorner("div.ninehd_nav li a", "5px");

  // Home page
  doCorner("#cat_hl_164889", "5px"); 	/* discussion panel */
  doCorner("#cat_hl_164889 .onlytitle", "5px"); /* discussion comments */
  doCorner("#cat_hl_164887", "5px"); 	/* vote panel */
  doCorner("#home_mp_panel ul li", "5px top"); /* most popular - tabs */
  doCorner("#cat_hl_165216", "5px bottom tr"); /* most popular - shows */
  doCorner("#cat_hl_164886", "5px bottom tr"); /* most popular - videos */
  doCorner("#cat_hl_166916", "5px"); 	/* RHC promo */

  // Tiered pages
  doCorner("#article2056 .leftContent .date .nextEpisode", "5px");
  doCorner(".tvshow_nav ul", "5px");
  doCorner(".tvshow_nav ul li a", "5px");
  doCorner(".index-control-panel .next-episode-box", "5px"); /* episode page - next episode*/

  //Initialise mini TV Guide
  doTVGuide(".content_right .rhs-tvquide");
  doCorner(".rhs-tvquide .jcarousel-clip-horizontal ul li a", "5px top");

  // hide the bottom navigator for episode page if no item is displayed
  target = jQuery(".previous-episodes-panel .episode-item-panel");
  if (target.length > 0) {
    jQuery("#index_control_button").show();
  };

  // set css name for the bottom navigator for episode page
  target = jQuery("#index_control_button table td");
  if (target.length == 2) {
    target[0].className = "previous";
    target[1].className = "next";
  };

  doTVGuide(".content_right .rhs-tvquide");
  doCorner(".rhs-tvquide .jcarousel-clip-horizontal ul li a", "5px top");

  //Initialise primetime TV Guide
  doTVGuide(".site_header .tvguide-top-panel",
	{
	  tabs:
		[
			"M",
			"T",
			"W",
			"T",
			"F",
			"S",
			"S"
		],
	  containerClassName: "ch9PrimeTimeTVGuide",
	  tabIdName: "ch9tv_PrimetimeShows",
	  postcode: 2000,
	  showDays: true,
	  hasScrolling: false,
	  rotateDays: false,
	  timeStart: "19:00:00",
	  timeEnd: "23:59:59",
	  displayLimit: 4,
	  showDetails: false
	});
  //doCorner(".tvguide-top-panel .ch9PrimeTimeTVGuide ul.tabs-nav","5px top");
  jQuery(".tvguide-top-panel .ch9PrimeTimeTVGuide .tabs-nav li:nth-child(1)").addClass("first");
  jQuery(".tvguide-top-panel .ch9PrimeTimeTVGuide .tabs-nav li:nth-child(7)").addClass("last");
  //jQuery("#nw_ft_sub").css("padding-bottom", "0");

});

// do jquery corner only if the object exists
function doCorner(selector, attr) {
  var jObj = jQuery(selector);
  if ((jObj.length != 0) && jObj[0]) {
    jObj.corner(attr);
  }
};

// do jquery corner only if the object exists
function doTVGuide(selector, attr) {
  var jObj = jQuery(selector);
  if ((jObj.length != 0) && jObj[0]) {
    if (attr) {
      jObj.ch9tvguide(attr);
    }
    else {
      jObj.ch9tvguide();
    }

  }
};



// attach events to the link and panel for our shows 
function attachOurShowsEvent() {
  if (jQuery("#footer_shows")[0]) {
    // remove bottom border of the three highlights
    jQuery('#cat_hl_167082>span:last').css('border-bottom','none');
    jQuery('#cat_hl_167084>span:last').css('border-bottom','none');
    jQuery('#cat_hl_167085>span:last').css('border-bottom','none');

    var ourShowsPanel = jQuery(".our-shows-panel")[0];
	var ourShowsPanel2 = jQuery("#ourshows_mini_menu")[0];
    ourShowsPanel.innerHTML = jQuery("#footer_shows").html();
	if (typeof jQuery("#ourshows_mini_menu")[0] != 'undefined') {
	    ourShowsPanel2.innerHTML = jQuery("#footer_shows").html();
    }
    
    // find the link for our show
    var ourShowsLink = jQuery("#cat_hl_164498 li:nth-child(3) a")[0];
    //ourShowsLink.style.color = "#ffffff";

    // attach mouse over event to the link
    ourShowsLink.onmouseover = function(event) {
      // the panel needs mouse over and out event as well
      toggleOurShows(true, ourShowsLink, ourShowsPanel);
      ourShowsPanel.onmouseover = function(event) {
        toggleOurShows(true, ourShowsLink, ourShowsPanel);
      };
      ourShowsPanel.onmouseout = function(event) {
        toggleOurShows(false, ourShowsLink, ourShowsPanel);
      };
    };
    ourShowsLink.onmouseout = function(event) {
      toggleOurShows(false, ourShowsLink, ourShowsPanel);
    };
  }
};

// display or hide the our shows panel
function toggleOurShows(isOver, link, panel) {
  //link.style.backgroundColor = isOver ? "#34b6e8" : "transparent";
  panel.style.display = isOver ? "block" : "none";

  // change the position of the panel depending on the current position of the link
  if (isOver) {
    panel.style.left = jQuery(link).position().left + "px";
    panel.style.top = jQuery(link).position().top + 25 + "px";

    //panel.style.top = jQuery(link).position().top + jQuery(link).height() + getInt(jQuery(link).css("padding-top")) + "px";
  };
};

function truncateTitle(links, maxLength) {
  for (var i = 0; i < links.length; i++) {
    var html = links[i].innerHTML;
    if (html.length > maxLength) {
      links[i].innerHTML = html.substring(0, maxLength) + "...";
    };
  };
};

function getInt(val) {
  var number;
  var pos = val.indexOf("px");
  if (pos > 0) {
    var temp = val.substring(0, pos);
    number = parseInt(temp);
  }
  else if (val.length > 0 && !isNaN(val)) {
    number = val;
  }
  return number;
};

/***************************************
* End page structure functions
**************************************/







/***************************************
* Start /tvguide.aspx functions
**************************************/

// global variables and constants
var NO_TVGUIDE_MESSAGE = "";
var DAY_LIST = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"];

/* get & render the tv guide */
function displayTVGuide(panelId, postcodePanelId, days, isPostback) {
  panelId = panelId || "tvguide_panel";
  postcodePanelId = postcodePanelId || "postcode_panel";
  days = days || 7;
  isPostback = isPostback || false;

  // update the right location to the current posecode
  jQuery(".station-name").html("in postcode " + getCurrentLocation());
  jQuery(".location-name").html(getCurrentLocation());
  if (!isPostback) {
      jQuery("#tvguide_postcode").keydown(function(e) {
        if (e.keyCode == 13) {
          return changePostcode();
        }
        else {
          return true;
        }
      });
      jQuery("#postcode_panel .postcode-input a").click(function() {
        return changePostcode();
      });
  }
  jQuery("#" + postcodePanelId).hide();

  // get the list and call callback
  var startDate = new Date();
  var startDateString = formatDate(startDate);
  startDate.setDate(startDate.getDate() + days);
  var endDateString = formatDate(startDate);
  $.getJSON("http://data.ninemsn.com.au/Services/Service.axd?ServiceName=Channel9&ServiceAction=TVguide&startdate=" + startDateString + "&enddate=" + endDateString + "&postcode=2000&AttributeStyle=false&ServiceFormat=JSONAUTO&callback=?", function(data) { callbackTVGuide(data, panelId, postcodePanelId); });
};

// return the current location
function getCurrentLocation() {
  var postcode = $.cookie("ch9TVGuidePostcode");
  if (!postcode) {
    postcode = 2000;
  }
  return postcode;
};

// update the station and location as to the new postcode
function changePostcode() {
  var postcodeVal = jQuery("#tvguide_postcode").attr("value");
  var errorDiv = jQuery("#postcode_panel .errorNotification");
  errorDiv.hide(); //Hide error messages

  if (postcodeVal == "") {
    errorDiv.html("Please specify a postcode.").show();
  }
  else if (!validatePcode(postcodeVal)) {
    errorDiv.html("'" + postcodeVal + "' is not a valid postcode. Please enter a three or four digit number.").show();
  }
  else {
    //Set new postcode value
    var date = new Date();
    date.setTime(date.getTime() + (30 * 24 * 60 * 60 * 1000));
    $.cookie("ch9TVGuidePostcode", postcodeVal, { expires: date });
    displayTVGuide("tvguide_panel", "postcode_panel", 7, true);
  }
  return false;
};

function validatePcode(pcode) {
  if (!pcode || isNaN(pcode) || pcode.length < 3 || pcode.length > 4) {
    return false;
  }
  else if (pcode.match(/\d{4}/)) {
    return true;
  }
  else {
    return false;
  }
}



// return date formatted for tv guide json call
function formatDate(date) {
  return date.getFullYear() + "/" + parseInt(date.getMonth() + 1) + "/" + date.getDate();
}

// callback function for tv guide json
function callbackTVGuide(data, panelId, postcodePanelId) {
  var tvguidePanel = jQuery("#" + panelId)[0];
  if (tvguidePanel && data && data.TvGuideList && data.TvGuideList.TvGuide) {
    try {
      jQuery("#" + panelId).css("text-align", "left");
      var output = "";
      var list = data.TvGuideList.TvGuide;
      var currentDate;
      for (var i = 0; i < list.length; i++) {
        var thisStartTime = list[i].StartTime;
        var thisDate = getDateFormat(thisStartTime, "date");
        var thisTitle = list[i].Title;

        if (thisDate != currentDate) {
          if (i > 0) {
            output += '</div></div>';
          }
          var menuLink = thisDate.substring(0, thisDate.indexOf(" ")).toLowerCase();
          output += '<a name="' + menuLink + '"></a><div class="day-menu-panel">Jump to:';
          for (var j = 0; j < DAY_LIST.length; j++) {
            output += '<span class="day"><a href="#' + DAY_LIST[j].toLowerCase() + '">' + DAY_LIST[j] + '</a></span>';
            if (j < DAY_LIST.length - 1) {
              output += '<span class="divider">|</span>';
            }
          };
          output += '</div><div class="daily-guide"><div class="date">' + thisDate + '</div>'
					+ '<div class="tv-list-panel">';
        }
        var isPrime = isPrimeTime(thisStartTime);
        output += '<div class="tv-list item' + i + '">'
					+ '<div class="starttime' + (isPrime ? " prime-time" : "") + '">' + getDateFormat(thisStartTime, "time") + '</div>'
					+ '<div class="title' + (isPrime ? " prime-time" : "") + '">'
					+ '<a href="' + getChannel9Link(thisTitle) + '" title="' + list[i].Description + '">'
					+ thisTitle + '</a></div>'
        //+ '<div class="desc">' + list[i].Description + '</div>'
					+ '</div>';

        currentDate = thisDate;
        // put underline except the last list of the day
        if (i < list.length - 1) {
          var nextDate = getDateFormat(list[i + 1].StartTime, "date");
          if (nextDate == currentDate) {
            output += '<div class="separator"></div>';
          };
        };
      };
      tvguidePanel.innerHTML = output;

      var postcodePanel = jQuery("#" + postcodePanelId)[0];
      if (postcodePanel) {
        postcodePanel.style.display = "block";
      };
    }
    catch (e) {
      tvguidePanel.innerHTML = NO_TVGUIDE_MESSAGE;
    }
  }
  else {
    tvguidePanel.innerHTML = NO_TVGUIDE_MESSAGE;
  }
};

// get the link for the shows
function getChannel9Link(title) {
  var url = title.replace(/\ /g, "");
  url = url.replace(/\,/g, "");
  url = url.replace(/\_/g, "");
  url = url.replace(/\!/g, "");
  url = url.replace(/\:/g, "");
  url = url.replace(/\&/g, "");
  url = url.replace(/\'/g, "");
  url = url.replace(/\./g, "");
  url = url.replace(/\-/g, "");
  url = url.replace(/\(/g, "");
  url = url.replace(/\)/g, "");
  url = url.replace(/\*/g, "");
  url = url.replace(/\^/g, "");
  url = url.replace(/\#/g, "");
  url = url.replace(/\?/g, "");
  url = url.toLowerCase();
  return "/" + url + "/";
};

// get formated date string ex) mode=date: Monday January 1, 2009, mode-time: 1:00 AM
function getDateFormat(dateString, mode) {
  var date = (new Date(dateString)).toLocaleString();
  if (mode) {
    var pos = date.indexOf(":");
    var dateTemp = date.substring(0, pos);
    pos = dateTemp.lastIndexOf(" ")

    if (mode == "date") {
      date = date.substring(0, pos);

      // change the position of the coma
      pos = date.indexOf(",");
      if (pos > 0) {
        date = date.substring(0, pos) + date.substring(pos + 1, date.length);
        pos = date.lastIndexOf(" ");
        date = date.substring(0, pos) + "," + date.substring(pos, date.length);
      };
    }
    else if (mode == "time") {
      date = date.substring(pos + 1, date.length);
      pos = date.lastIndexOf(":");
      date = date.substring(0, pos) + date.substring(pos + 3, date.length);
    };
  };

  return date;
};

function isPrimeTime(dateTime) {
  date = new Date(dateTime);

  var dateString = date.toLocaleString();
  var pos = dateString.indexOf(":");
  var dateTemp = dateString.substring(0, pos);
  pos = dateTemp.lastIndexOf(" ")

  var primeStart = new Date(dateString.substring(0, pos) + " 18:00:00");
  var primeEnd = new Date(dateString.substring(0, pos) + " 22:00:00");

  return (primeStart.getTime() - date.getTime() <= 0) && (date.getTime() - primeEnd.getTime() < 0);
};

/***************************************
* End /tvguide.aspx functions
**************************************/