/*
 * Baby & Toddler
 * 13/07/09
 * Misc routines
 *
 */

 /**
 * Equal Heights Plugin
 * Equalize the heights of elements. Great for columns or any elements
 * that need to be the same size (floats, etc).
 *
 * Version 1.0
 * Updated 12/10/2008
 *
 * Copyright (c) 2008 Rob Glazebrook (cssnewbie.com)
 *
 * Usage: $(object).equalHeights([minHeight], [maxHeight]);
 *
 * Example 1: $(".cols").equalHeights(); Sets all columns to the same height.
 * Example 2: $(".cols").equalHeights(400); Sets all cols to at least 400px tall.
 * Example 3: $(".cols").equalHeights(100,300); Cols are at least 100 but no more
 * than 300 pixels tall. Elements with too much content will gain a scrollbar.
 *
 */

(function($) {
	$.fn.equalHeights = function(minHeight, maxHeight) {
		tallest = (minHeight) ? minHeight : 0;
		this.each(function() {
			if($(this).height() > tallest) {
				tallest = $(this).height();
			}
		});
		if((maxHeight) && tallest > maxHeight) { tallest = maxHeight; }
		return this.each(function() {
			$(this).height(tallest).css();
		});
	};
})(jQuery);



/*
** initialises the jquery dom functions
*/

// temporarily hide jquery panels until dom has initialised fully
$('html').addClass('hasJS');

$(document).ready(function(){
  
  $('html').removeClass('hasJS');

  $('#tabs').tabs({selected:2, fx:{opacity: "toggle"}}); // tabs are physically reversed so need to set to '3' of 0-3
  $('#carousel-container').tabs({fx:{opacity: "toggle"}}).tabs('rotate', 3000, 'true');
  $('#videotabs, #otabs').tabs({fx:{opacity: "toggle"}});
  $('.video-list li, .mainnav li, .prospectnav li, .carousel-list li, .banner-300x154 li, .vidbanner-300x113 li, .gototesco, .pageheader h2').biggerlink();
  $('.carousel-list li').equalHeights(46);
  $('.helpadvice ul').equalHeights(180);
  $('.video-list li ul li').equalHeights();

});