// ********************************************* //
// Homepage flight information tabs              //
// ********************************************* //

// Toggles classes for key elements to switch flight info tabs
function toggleTabs(tab) {
	if (($('div#flightboard> #header> #arrDepTabs> #departuresTab').hasClass('departuresTabInactive') && tab == 'departures') 
			|| ($('div#flightboard> #header> #arrDepTabs> #arrivalsTab').hasClass('arrivalsTabInactive') && tab == 'arrivals') ) {	
		
		$('div#flightboard> #header> #arrDepTabs> #arrivalsTab').toggleClass('arrivalsTabInactive');
		$('div#flightboard> #header> #arrDepTabs> #arrivalsTab').toggleClass('arrivalsTabActive');		
		$('#arrivalsBoard').toggle();
	
		$('div#flightboard> #header> #arrDepTabs> #departuresTab').toggleClass('departuresTabInactive');
		$('div#flightboard> #header> #arrDepTabs> #departuresTab').toggleClass('departuresTabActive');
		$('#departuresBoard').toggle();
	}
}

function importantToggle()
{
	$('#importantInner> ul> li> a').click(function(event)
	{
		$('#importantInner> ul> li> div.showMore').addClass('offscreen');
		$(this).siblings('.showMore').toggleClass('offscreen');
		return false;
	})
	$('.ui-icon-closethick').click(function(event)
	{
		$('#importantInner> ul> li> div.showMore').addClass('offscreen');
		return false;
	})	
}

// Both tabs have click event attached
$(document).ready(function() {
	$('div#flightboard> #header> #arrDepTabs> #arrivalsTab').click(function(event) {
		toggleTabs('arrivals');
		return false;
	});
	
	$('div#flightboard> #header> #arrDepTabs> #departuresTab').click(function(event) {
		toggleTabs('departures');
		return false;
	});
	importantToggle();
});