// Initialize the tabs 
$(document).ready(function(){
	
// Global AJAX listener - show loading animation on http request
$('#databankBrowserNav').ajaxStart(function() {	
		$('#databankListPanel').addClass('lightsOut'); 
		$('#databankResultsPanel').addClass('lightsOut');
		$('#databankBrowserNav').append('<div id="loading"><img src="/img/databank/loading_bg.gif" /></div>');
		$('#loading').css({position:"absolute", top:"194px", left:"246px"});
}).ajaxStop(function() {
		$('#loading').remove();
		$('#databankListPanel').removeClass('lightsOut'); 
		$('#databankResultsPanel').removeClass('lightsOut');
});

// primary tab layer
	$('#databankBrowserContainer ul').tabs();

// route back to module from entry pages
if (pageId == 2) {
		$('#databankBrowserNav').tabs('select', 1);
		$('#appearanceBrowserNav').tabs('select', 0);
		$('#episode1Panel').load('/databank/widget/appearance/episodei.html');
} else {
		$('#charactersPanel').load('/databank/widget/category/character.html');
}

// BY APPEARANCE nav functionality
$('#dbAppearanceTab a').click(function() {
	$('#appearanceBrowserNav').tabs('select', 0);
	$('#episode1Panel').load('/databank/widget/appearance/episodei.html');
})

// BY CATEGORY nav functionality
$('#dbCategoryTab a').click(function() {
	$('#categoryBrowserNav').tabs('select', 0);
	$('#charactersPanel').load('/databank/widget/category/character.html');
})

// BY CATEGORY tab row
$('#charactersTab a').click(function() {	
	$('#charactersPanel').load('/databank/widget/category/character.html');
});

$('#creaturesTab a').click(function() {
	$('#creaturesPanel').load('/databank/widget/category/creature.html');
});
	
$('#droidsTab a').click(function() {
	$('#droidsPanel').load('/databank/widget/category/droid.html');
});

$('#locationsTab a').click(function() {
	$('#locationsPanel').load('/databank/widget/category/location.html');
});

$('#organizationsTab a').click(function() {
	$('#organizationsPanel').load('/databank/widget/category/organization.html');
});

$('#speciesTab a').click(function() {
	$('#speciesPanel').load('/databank/widget/category/species.html');
});

$('#starshipsTab a').click(function() {
	$('#starshipsPanel').load('/databank/widget/category/starship.html');
});

$('#technologyTab a').click(function() {
	$('#technologyPanel').load('/databank/widget/category/technology.html');
});

$('#vehiclesTab a').click(function() {
	$('#vehiclesPanel').load('/databank/widget/category/vehicle.html');
});

// BY APPEARANCE tab row
$('#episode1Tab a').click(function() {
	$('#episode1Panel').load('/databank/widget/appearance/episodei.html');
});

$('#episode2Tab a').click(function() {
	$('#episode2Panel').load('/databank/widget/appearance/episodeii.html');
});

$('#episode3Tab a').click(function() {
	$('#episode3Panel').load('/databank/widget/appearance/episodeiii.html');
});

$('#episode4Tab a').click(function() {
	$('#episode4Panel').load('/databank/widget/appearance/episodeiv.html');
});

$('#episode5Tab a').click(function() {
	$('#episode5Panel').load('/databank/widget/appearance/episodev.html');
});

$('#episode6Tab a').click(function() {
	$('#episode6Panel').load('/databank/widget/appearance/episodevi.html');
});

$('#clonewarsTab a').click(function() {
	$('#clonewarsPanel').load('/databank/widget/appearance/clonewars.html');
});

});