var localInfoIsOpen = true;
var recentSearchesIsOpen = true;
var findOffersIsOpen = true;
var findVenueIsOpen = true;
var refineSearchIsOpen = true;
var bookingSummaryIsOpen = true;
var mapToolsIsOpen = true; // Added by Marvin

$(function() {
	// remove the background-color, so that transparencies can shine through
	$('#regForm').css('background-color', 'transparent');
	
	$('.sidepanel-header').css('background-position', '0px -33px');
	$('.sidepanel-noclick').css('background-position', '0px -132px');
	
	// decorate all these sidepanels with click, mouseover, mouseout functionality
	var panels = [
		{panel:'#searches .sidepanel-header', sub:'#searches ul', bool:recentSearchesIsOpen},
		{panel:'#localInfo .sidepanel-header', sub:'#localInfo div:eq(1)', bool:localInfoIsOpen},
		{panel:'#findHotelPanel .sidepanel-header', sub:'#offersForm', bool:findOffersIsOpen},
		{panel:'#findNextVenuePanel .sidepanel-header', sub:'#offersForm', bool:findVenueIsOpen},
		{panel:'#refineSearch .sidepanel-header', sub:'#refineSearch form', bool:refineSearchIsOpen},
		{panel:'#bookingSummary .sidepanel-header', sub:'#bookingSummary div:eq(1)', bool:bookingSummaryIsOpen}
	];	
	$.each(panels, function() {	
		$(this.panel).attr('sub', this.sub);
		$(this.panel).attr('bool', this.bool);		
		$(this.panel).click(
			function() {
				if($(this).attr('bool') == "true") {
					$($(this).attr('sub')).toggle();
					$(this).attr("bool","false");
				} else {
					$($(this).attr('sub')).toggle();
					$(this).attr("bool","true");
				}
				matchLayoutWithContent();
				//$(this).attr('bool', $(this).attr('bool') != "true");
				$(this).css('background-position', ($(this).attr('bool')  == "true" ? '0px -33px' : '0px 0px'));
			}
		);
		$(this.panel).mouseover(
			function() {
				$(this).css('background-position', ($(this).attr('bool')  == "true" ? '0px -99px' : '0px -67px'));
			}
		);
		$(this.panel).mouseout(
			function() {
				$(this).css('background-position', ($(this).attr('bool')  == "true" ? '0px -33px' : '0px 0px'));
			}
		);
	});
	
	// Added by Marvin
	$('#maptools .sidepanel-header').click(
		function() {
			$('#maptools div:eq(1)').slideToggle("normal");
			localInfoIsOpen = !localInfoIsOpen;
			$(this).css('background-position', (localInfoIsOpen ? '0px -33px' : '0px 0px'));
		}
	);
	$('#maptools .sidepanel-header').mouseover(
		function() {
			$(this).css('background-position', (localInfoIsOpen ? '0px -99px' : '0px -67px'));
		}
	);
	$('#maptools .sidepanel-header').mouseout(
		function() {
			$(this).css('background-position', (localInfoIsOpen ? '0px -33px' : '0px 0px'));
		}
	);
	// End added by Marvin
	
	// add button for printing by Javascript
	$('<a href="javascript:window.print();">Print</a>').insertAfter('#emailPrint a');
	
	// add next/previous for hotel thumbnails
	/*$('<div class="mini_thumbs"><img class="prev_thumb" src="images/heroes/btn_mini_left.gif" alt="view previous thumb" /><img class="next_thumb" src="images/heroes/btn_mini_right.gif" alt="view next thumb" /></div>').insertAfter('#roomType div img');
	$('.prev_thumb').click(
		function() {
			alert("previous thumb for " + $(this).parent().prev(0).attr('src'));
		}
	);
	$('.next_thumb').click(
		function() {
			alert("next thumb for " + $(this).parent().prev(0).attr('src'));
		}
	);*/
	
});