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

	/*
		Polyfill elements for faux-CSS3 dropshadows. CSS rules are defined in screen.css
	*/
	$("div.subnavigation").append($("<div>").addClass("shadow bottom"));
	$("div.subnavigation").append($("<div>").addClass("shadow left"));
	$("div.subnavigation").append($("<div>").addClass("shadow right"));
	$("div.subnavigation").append($("<div>").addClass("shadow bottom-left"));
	$("div.subnavigation").append($("<div>").addClass("shadow bottom-right"));

	/* subnavigation: 
	 * 1. Set the UL heights to the DIV.locationnav height for the divider backgrounds to stretch
	 * 2. Hide/Show on hover 
	 */
	var locnavHeight = $("div.locationsnav").innerHeight(),
		locnavULs = $("div.locationsnav > ul"),
		subnavULsWidth = $("div.subnavigation > ul").outerWidth(true) + 10;
		
	locnavULs.each( function() {
		locnavHeight = ( $("div.locationsnav").innerHeight() > locnavHeight ) ? $("div.locationsnav").innerHeight() : locnavHeight;
	} );
	
	locnavULs.height( locnavHeight );
	
	$("div#navigation > ul > li").each(function(){ 
		$(this).hover(
			function() { 
				$(this).addClass('hover');
				subnavULs = $(this).find("div.subnavigation > ul");
				subnavWidth = $(this).find("div.subnavigation").innerWidth();
				$(this).find("div.subnavigation").innerWidth(subnavULsWidth * subnavULs.size());
			}, 
			
			function() { 
				$(this).removeClass('hover');
			}
		);
	});
	
	/*
		Adding tabbed subnavigation
	*/

	show_tabbed_navigation_item = function(el) {
		$(el).closest("div.subnavigation").find(".nested").hide();
		$(el).closest("div.subnavigation").find(".nested#" + $(el).attr('rel')).show();
	}

	make_tabbed_navigation_item_active = function(el) {
		$(el).closest("ul.highlights").find("li").removeClass('active');
		$(el).parent().addClass('active');
	}

	show_defatul_tabbed_navigation_item = function() {
		
		$("div#navigation li.tabbed ul.highlights li.active a").each(function () {
			show_tabbed_navigation_item(this);
			make_tabbed_navigation_item_active(this);
		});
	}

	$("div#navigation li.tabbed ul.highlights a").click(function() {
		show_tabbed_navigation_item(this);
		make_tabbed_navigation_item_active(this);
		return false;
	})
	
	show_defatul_tabbed_navigation_item();
	
	//collapsable terms and conditions 
	jQuery(function()
	        {
	        	$(".offer-terms").hide();
	        	$(".offer-tc-heading").click(
	        		function(){$(".offer-terms").toggle();return false;});
	        });	

/* 	Additional booking panel functionality.
	This is in addition to the standard panel functionality found in js/devere/components/bookingpanel.js
	In this instance, we're using the qTip pluign for some advanced popup positioning, and also a very
	bespoke solution for the homepage overlay. */

	/*
	$("#booking-panel-overlay .booking-overlay-toggle").toggle(function() {
		$("#booking-panel-overlay #booking-panel-forms").slideDown();
		$(this).removeClass('active');
	}, function() {
		$("#booking-panel-overlay #booking-panel-forms").slideUp();
		$(this).addClass('active');
	}).css('cursor', 'pointer');
	$("#booking-panel-overlay #booking-panel-forms").hide();
	$("#booking-panel-overlay .booking-overlay-toggle").addClass('active');
	
	$( '#booking-panel-forms FORM' ).hide();
	*/
	
	/*
	refreshQtipLinks = function () {
		elems = $('.booking-panel-qtip').click(function() { return false; });
		if(elems.length) {
			$('.booking-panel-qtip:first').qtip({
				show: {
					event: 'click',
					target: elems
				},
				hide: {
					event: 'nothing',
					fixed: true,
					target: elems
				},
				content: {
					text: $("#booking-panel-popup")
				},
				style: {
					classes: 'booking-panel-qtip'
				},
				position: {
			      	my: 'bottom right',
			      	at: 'bottom right',
			      	adjust: {
				       	x: 30,
						y: 20
				    },
			      	target: 'event',
					viewport: $(window)
			   	},
				events: {
					render: function(event, api) {
						$('a.close-qtip', api.elements.content).click(function() {return false;});
						$('a.close-qtip', api.elements.content).click(api.hide);
					},
					show: function(event, api) {
						original_trigger = event.originalEvent.currentTarget;
						property_uuid = $(original_trigger).attr('rel');
						property_obj = $.grep(propertyData, function(a) { return a.uuid == property_uuid})[0];
						api.elements.content.find('span.property-name').text(property_obj.name);
						api.elements.content.find('span.property-type').text(property_obj.place);
						api.elements.content.find('span.brand-logo').html($("<img>").attr('src', property_obj.logoImage));
						api.elements.content.find("input[name='PropertyCode']").val(property_obj.propertyCode);
					}
				}
			});
		}
	};
	
	refreshQtipLinks();*/
	
});