var dropdownMetaTimer = 1000;
var dropdownMetaModel = false;
var dropdownTimer = 0;
var timeout = 500;
var over = false;
var timer;
var currentTab = false;
var metaCache = new Array();

jQuery(function() {

	$('.dropdown-tab>a').mouseover(function(){
		$('#dropdown-item-meta').hide();

		var e = $(this).parent(); // li.dropdown-tab
		if ( e.attr('id') != currentTab ) {
			dropdownHide();
		}

		currentTab = e.attr('id');
		e.addClass ( 'dropdown-tab-hover' );
		over = true;
		dropdownMetaTimer = timeout;
	});

	$('.dropdown-tab a').mouseout(function(){
		var e = $(this).parent(); // li.dropdown-tab
		over = false;
		dropdownMetaTimer = timeout;
	});

	$('.dropdown-items li a').mouseover(function(){
		
		// ensure the parent tab is showing over state
		over = true;
		dropdownMetaTimer = timeout;

		var e = $(this).parent(); // li
		e = $(e).parent(); // ul
		e = $(e).parent(); // li (tab)
		$('#' + e.attr('id') ).addClass ( 'dropdown-tab-hover' );
		//		$('#dropdown-debug').html ( e.attr('id') );

		// id of tab dropdown item is in
		e = $(e).attr('id');

		// position meta panel
		
		if ( 'dropdown-tab-passenger' == e ) {
			$('#dropdown-item-meta').css('left', '120px' );
		}

		if ( 'dropdown-tab-4wd-suv' == e ) {
			$('#dropdown-item-meta').css('left', '242px' );
		}

		if ( 'dropdown-tab-commercial' == e ) {
			$('#dropdown-item-meta').css('left', '364px' );
		}

		// load in meta panel content

		var href = $(this).attr('href');
		var pos = href.lastIndexOf( '/' );
		var model = href.substring ( pos + 1, href.length );
		
		href = href.substring ( 0, pos );
		pos = href.lastIndexOf( '/' );
		var range = href.substring ( pos + 1, href.length );

		//		$('#dropdown-debug').html( '/dropdown/meta/' + range + '/' + model );

		$('#dropdown-item-meta-content').load( '/dropdown/meta/' + range + '/' + model, function() {
				$('#dropdown-item-meta').show();
		} );

		dropdownMetaModel = model;

		$(this).css('background-color', '#5a7389' );
		$(this).animate( { backgroundColor: '#bd161d' }, 250);

	});

	$('.dropdown-items li a').mouseout(function(){
		over = false;
		dropdownMetaTimer = timeout;
		$(this).animate( { backgroundColor: '#5a7389' }, 150);
	});

	$('#dropdown-item-meta').mouseover(function(){
		over = true;
	});

	$('#dropdown-item-meta').mouseout(function(){
		over = false;
		dropdownMetaTimer = timeout;
	});

	timer = setInterval ( 'dropdownHide()', 500 );

});

function dropdownHide() {
	if ( over == false ) {
		$('.dropdown-tab').removeClass ( 'dropdown-tab-hover' );
		$('#dropdown-item-meta').hide();
	}
}