$(document).ready(function() {

	//menu hide submenu items
	$("#secondary-content ul li ul").hide();
	$(".what-we-do #secondary-content ul li ul").show();
	$("#secondary-content ul li.expandme ul").show();

	$("#secondary-content a.active").parents().show();
	$("#secondary-content a.active").siblings().show();
	
	$("#secondary-content ul li span").click(function () { 
	  $(this).siblings('ul').toggle(); 
    });

	//resource-summary zebra
	$(".resource-summary:odd").addClass("resource-zebra");

	//comments zebra
	$("#comments div.comment:even").addClass("comments-zebra");

	//homepage columns
	$('#block-menu-menu-quick-links, #block-menu-menu-training-framework-home, #block-menu-menu-uk-training-provider, #block-menu-menu-uk-training-res-highlighted, #block-menu-menu-uk-training-events-man, #block-menu-menu-uk-training-punter, #block-menu-menu-quick-links-francais, #block-menu-menu-mf-special, #block-menu-menu-quick-links-fr, #block-menu-menu-dummy, #block-menu-menu-current-church-plants, .columns .next-event, .columns .featured-resource, .columns .latest-news, .columns .event-speakers, .columns .event-details').equalHeight();

	// marketing panels
   	$("#marketing-panel img:first").css("display", "block");
	$("#marketing-panel .text-overlay:first").css("display", "block");
   	$("#marketing-panel .tab:first").removeClass("off");
	   
	$("#marketing-panel .tab").hover(
      function () {
        $("#marketing-panel img").css("display", "none");
        $("#marketing-panel .text-overlay").css("display", "none");

		$("#marketing-panel #img-"+$(this).attr("id")).css("display", "block");
		$("#marketing-panel #text-overlay-"+$(this).attr("id")).css("display", "block");

		$("#marketing-panel .tab").addClass("off");
		$(this).removeClass("off");
      },
	  function () {}
    );
 });


/**
 * EqualHeight 1.0
 *
 * Makes all matched elements equal height. Does not work in
 * browsers that do not support min-height (no IE.. who cares)
 *
 * Usage: jQuery('#content, #sub-content').equoalHeight();
 *
 * @class equalHeight
 *
 * Copyright (c) 2008 Andreas Lagerkvist (andreaslagerkvist.com)
 * Released under a GNU General Public License v3 (http://creativecommons.org/licenses/by/3.0/)
 */

jQuery.fn.equalHeight = function() {
        var height = 0, 
                maxHeight = 0;

        // Store the tallest element's height
        this.each(function() {
                var t = jQuery(this);
                height = t.height() + parseInt(t.css('paddingTop'), 10) + parseInt(t.css('paddingBottom'), 10) + parseInt(t.css('borderTopWidth'), 10) + parseInt(t.css('borderBottomWidth'), 10);
                maxHeight = (height > maxHeight) ? height : maxHeight;
        });

        // Set element's min-height to tallest element's height
        return this.each(function() {
                var t = jQuery(this);
                        mh = maxHeight - (parseInt(t.css('paddingTop'), 10) + parseInt(t.css('paddingBottom'), 10) + parseInt(t.css('borderTopWidth'), 10) + parseInt(t.css('borderBottomWidth'), 10));
                t.css({height: mh +'px'});
        });
};