jQuery(document).ready(function() {
								
	// preload the dropdown images
	var cache = [];
	// Arguments are image paths relative to the current page.
	jQuery.preLoadImages = function() {
		var args_len = arguments.length;
		for (var i = args_len; i--;) {
			var cacheImage = document.createElement('img');
			cacheImage.src = arguments[i];
			cache.push(cacheImage);
		}
	}
	
	//jQuery.preLoadImages("../../images/structure/quick01-dropdown-background.gif", "../../images/structure/quick02-dropdown-background.gif", "../../images/structure/quick03-dropdown-background.gif", "../../images/structure/quick04-dropdown-background.gif", "../../images/structure/quick05-dropdown-background.gif");

	var panels = new Array();
	panels[0] = jQuery('#quicklink01');
	panels[1] = jQuery('#quicklink02');
	panels[2] = jQuery('#quicklink03');
	panels[3] = jQuery('#quicklink04');
	panels[4] = jQuery('#quicklink05');
	
	var dropdowns = new Array();
	dropdowns[0] = jQuery('#quicklink01 .ui-slider-container');
	dropdowns[1] = jQuery('#quicklink02 .quickDropDown');
	dropdowns[2] = jQuery('#quicklink03 .quickDropDown');
	dropdowns[3] = jQuery('#quicklink04 .quickDropDown');
	dropdowns[4] = jQuery('#quicklink05 .quickDropDown');
	
	var openPanel;
	jQuery.openTimer = 0;
	jQuery.closeTimer = 0;
	
	jQuery.keepButtonOpen = false;
	jQuery.keepDropdownOpen = false;
	
	
	function openPanel(panel){
				
		if (panel.attr('id') == 'quicklink01'){
			jQuery('#quickDropDownBackground').attr('class', 'item01');
		}else if(panel.attr('id') == 'quicklink02'){
			jQuery('#quickDropDownBackground').attr('class', 'item02');
		}else if(panel.attr('id') == 'quicklink03'){
			jQuery('#quickDropDownBackground').attr('class', 'item03');
		}else if(panel.attr('id') == 'quicklink04'){
			jQuery('#quickDropDownBackground').attr('class', 'item04');
		}else if(panel.attr('id') == 'quicklink05'){
			jQuery('#quickDropDownBackground').attr('class', 'item05');
		};		
		
		panel.find('.ui-slider-container').css({ 'display': 'block' });
		panel.find('.quickDropDown').css({ 'display': 'block' });
		panel.find('a.mainQuickLink').addClass('current');
		
	};
	
	
	function closePanel(panel){
		
		if(!jQuery.keepDropdownOpen){
			jQuery('#quickDropDownBackground').attr('class', 'item00');
			
			panel.find('.ui-slider-container').css({ 'display': 'none' });
			panel.find('.quickDropDown').css({ 'display': 'none' });
			panel.find('a.mainQuickLink').removeClass('current');
		};
	};

	
	// function controls the mouseover of quicklink buttons
	jQuery.each(panels,function(index, panel){
								
		panel.mouseenter(function() {
			jQuery.openTimer = setTimeout(function(){openPanel(panel)}, 250);
		});
		
		panel.mouseleave(function(){
			clearTimeout(jQuery.openTimer);
			jQuery.closeTimer = setTimeout(function(){closePanel(panel)}, 250);
		});
	});
	
	
	// function controls the jump from dropdown button, to dropdown content
	jQuery.each(dropdowns,function(index, dropdown){
		
		dropdown.mouseenter(function() {
			jQuery.keepDropdownOpen = true;
			clearTimeout(jQuery.closeTimer);
		});
		
		dropdown.mouseleave(function(){
			jQuery.keepDropdownOpen = false;
			jQuery.closeTimer = setTimeout(function(){closePanel(dropdown)}, 250);
		});
	});
	
});