jquery how to stop a queue from processing

on this page: http://triadtestsite.com/triadinc/header-fixed/meet-triad.php
if you mouse over the people too quickly the queue will continue from past events and creates a flashing grey bar at the top of the screen. Is there a way to stop the myQueue on a new mouseover event to prevent the bar from appearing?

Any ideas would be very helpful.
Thanks
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>TriAd Marketing &amp; Media | Meet Triad</title>



<?php require_once('includes.php'); ?>



<!-- begin script for person info overlay -->

<script type='text/javascript'>

function headerReset(){
	$("div.header-container").delay(400, "myQueue").queue("myQueue", function(){ 
  		$(this).css('z-index','15'); 
	}).dequeue("myQueue");
};

function headerSet(){
	$("div.header-container").css('z-index','-1000');
};


$(document).ready(function(){
$("div.elliott-hover-area").hover(

function() {
headerSet();
$("div.elliott").stop().animate({"opacity": "1"}, "slow");
$("div.elliott").css('z-index','100');
//   uncomment below to fade on mouseout
   },function() {
	    $("div.elliott").stop().animate({"opacity": "0"}, "slow");
		headerReset();
   		// $("div.header-container").delay(1000).css('z-index','15');
});



$("div.bob-hover-area").hover(

function() {
headerSet();
$("div.bob").stop().animate({"opacity": "1"}, "slow");
$("div.bob").css('z-index','100');

//   uncomment below to fade on mouseout

   },function() {
	   $("div.bob").stop().animate({"opacity": "0"}, "slow");
	headerReset();
});



$("div.shaw-hover-area").hover(

function() {
headerSet();
$("div.shaw").stop().animate({"opacity": "1"}, "slow");
$("div.shaw").css('z-index','100');

//   uncomment below to fade on mouseout

   },function() {$("div.shaw").stop().animate({"opacity": "0"}, "slow");
headerReset();
});



$("div.jerry-hover-area").hover(

function() {
headerSet();
$("div.jerry").stop().animate({"opacity": "1"}, "slow");
$("div.jerry").css('z-index','100');

//   uncomment below to fade on mouseout

   },function() {$("div.jerry").stop().animate({"opacity": "0"}, "slow");
headerReset();
});



$("div.mark-hover-area").hover(

function() {
headerSet();
$("div.mark").stop().animate({"opacity": "1"}, "slow");
$("div.mark").css('z-index','100');

//   uncomment below to fade on mouseout

   },function() {$("div.mark").stop().animate({"opacity": "0"}, "slow");
headerReset();
});



$("div.crystal-hover-area").hover(

function() {
headerSet();
$("div.crystal").stop().animate({"opacity": "1"}, "slow");
$("div.crystal").css('z-index','100');

//   uncomment below to fade on mouseout

   },function() {$("div.crystal").stop().animate({"opacity": "0"}, "slow");
headerReset();
});



$("div.eric-hover-area").hover(

function() {
headerSet();
$("div.eric").stop().animate({"opacity": "1"}, "slow");
$("div.eric").css('z-index','100');

//   uncomment below to fade on mouseout

   },function() {$("div.eric").stop().animate({"opacity": "0"}, "slow");
headerReset();
});



$("div.dubs-hover-area").hover(

function() {
headerSet();
$("div.dubs").stop().animate({"opacity": "1"}, "slow");
$("div.dubs").css('z-index','100');

//   uncomment below to fade on mouseout

   },function() {$("div.dubs").stop().animate({"opacity": "0"}, "slow");
headerReset();
});



$("div.david-hover-area").hover(

function() {
headerSet();
$("div.david").stop().animate({"opacity": "1"}, "slow");
$("div.david").css('z-index','100');

//   uncomment below to fade on mouseout

   },function() {$("div.david").stop().animate({"opacity": "0"}, "slow");
headerReset();
});



$("div.janine-hover-area").hover(

function() {
headerSet();
$("div.janine").stop().animate({"opacity": "1"}, "slow");
$("div.janine").css('z-index','100');

//   uncomment below to fade on mouseout

   },function() {$("div.janine").stop().animate({"opacity": "0"}, "slow");
headerReset();
});



$("div.spike-hover-area").hover(

function() {
headerSet();
$("div.spike").stop().animate({"opacity": "1"}, "slow");
$("div.spike").css('z-index','100');

//   uncomment below to fade on mouseout

   },function() {$("div.spike").stop().animate({"opacity": "0"}, "slow");
headerReset();
});



$("div.dave-hover-area").hover(

function() {
headerSet();
$("div.dave").stop().animate({"opacity": "1"}, "slow");
$("div.dave").css('z-index','100');

//   uncomment below to fade on mouseout

   },function() {$("div.dave").stop().animate({"opacity": "0"}, "slow");
headerReset();
});



$("div.people-overlay").click(

function() {

$("div.people-overlay").stop().animate({"opacity": "0"}, "slow");

$("div.elliott").css('z-index','');

$("div.bob").css('z-index','');

$("div.shaw").css('z-index','');

$("div.jerry").css('z-index','');

$("div.mark").css('z-index','');

$("div.crystal").css('z-index','');

$("div.eric").css('z-index','');

$("div.dubs").css('z-index','');

$("div.david").css('z-index','');

$("div.janine").css('z-index','');

$("div.dave").css('z-index','');

$("div.spike").css('z-index','');

//   uncomment below to fade on mouseout

//   },function() {$("div.elliott").stop().animate({"opacity": "0"}, "slow");

});





});

</script>

<!-- end scrit for person info overlay -->



</head>



<body>



<?php require_once('header-meet-triad.php'); ?>

<div class="meet-triad-content">

  <div id="meet-triad-tag-line"></div>

  <!-- people info overlays -->

  <div class="people-overlay spike"> 

  <div class="light-blue-shadow">

  The Lizard 

  </div>

  <div class="skills">

The prince of pointy, crusher of crickets, governor of the glass<br />

terrarium and watcher in the night.

  </div>

  <div class="contact">

  ph. 614-846-8761 (ask for the lizard)<br />

  email. Spike don't do email

  </div>

  </div>

  

    <div class="people-overlay elliott"> 

  <div class="light-blue-shadow">

  Web Design & Development Specialist 

  </div>

  <div class="skills">

Knowledgable in HTML, CSS, Javascript, SQL, Server Management,<br />

ASP, .net, PHP, Wordpress, Joomla, AJAX, JQuery, Dreamweaver, <br />

Photoshop, Illustrator, eCommerce, GUI, and all that other computer stuff.  

  </div>

  <div class="contact">

  ph. 614-846-8761 ex. 12<br />

  email. EBenzle@triad-inc.com

  </div>

  </div>

  

    <div class="people-overlay bob"> 

  <div class="light-blue-shadow">

  Video Producer 

  </div>

  <div class="skills">

Commandant of cameras,  kingpin of killer shots, executive of<br />

editing and the viceroy of vicious video visualization.

  </div>

  <div class="contact">

  ph. 614-846-8761 ex. 11<br />

  email. BDawson@triad-inc.com

  </div>

  </div>

  

    <div class="people-overlay shaw"> 

  <div class="light-blue-shadow">

  Media Strategist

  </div>

  <div class="skills">

Father of the blog, guru of getting the word out, dean of<br />

declarations, potentate of polished plans and top dog of typing.

  </div>

  <div class="contact">

  ph. 614-846-8761 ex. 33<br />

  email. MShaw@triad-inc.com

  </div>

  </div>

  

    <div class="people-overlay jerry"> 

  <div class="light-blue-shadow">

  Editorial Director 

  </div>

  <div class="skills">

Emperor of editorial,  wizard of the written word, circulator<br />

of cultivated conversation and the genius of grammar.

  </div>

  <div class="contact">

  ph. 614-846-8761 ex. 25<br />

  email. JMarks@triad-inc.com<br />

  email. editorial@triad-inc.com

  </div>

  </div>

  

    <div class="people-overlay mark"> 

  <div class="light-blue-shadow">

  Advertising Sales Representative

  </div>

  <div class="skills">

Ringleader of representation, sultan of sales, director<br />

of directories and governor of good relations.

  </div>

  <div class="contact">

  ph. 614-846-8761 ex. 27<br />

  email. MWolf@triad-inc.com

  </div>

  </div>

  

    <div class="people-overlay crystal"> 

  <div class="light-blue-shadow">

  Advertising Sales Representative

  </div>

  <div class="skills">

Superintendent of sales calls, a talker of the talk AND<br />

a walker of the walk, administrator of advertisements and<br />

czar of the corner office.

  </div>

  <div class="contact">

  ph. 614-846-8761 ex. 38<br />

  email. CVance@triad-inc.com

  </div>

  </div>

  

    <div class="people-overlay eric"> 

  <div class="light-blue-shadow">

  Graphic Artist

  </div>

  <div class="skills">

Tee-shirt master, illustration domination,<br /> email blaster,

overlord of awesome and<br /> lover of Macs.

  </div>

  <div class="contact">

  ph. 614-846-8761 ex. 32<br />

  email. EBrown@triad-inc.com

  </div>

  </div>

  

    <div class="people-overlay dubs"> 

  <div class="light-blue-shadow">

  Art Director

  </div>

  <div class="skills">

Creator of creativity, chieftain of design, luminary of<br />

layouts, pioneer of publications and eater of much cereal.



  </div>

  <div class="contact">

  ph. 614-846-8761 ex. 17<br />

  email. MDubs@triad-inc.com

  </div>

  </div>

  

    <div class="people-overlay david"> 

  <div class="light-blue-shadow">

  Account Executive 

  </div>

  <div class="skills">

The magnate of roadways, caesar of construction,<br /> the sealer

of deals, maker of plans, and<br />

 wearer of the red cape. 

  </div>

  <div class="contact">

  ph. 614-846-8761<br />

  email. DFinley@triad-inc.com

  email. DFinley@vzw.blackberry.net

  </div>

  </div>

  

    <div class="people-overlay janine"> 

  <div class="light-blue-shadow">

  Vice President of Creative Services 

  </div>

  <div class="skills">

The bringer of light bulb ideas, conversation creator,<br />

builder of bridges, shaman of imagination, and spiritual leader.

  </div>

  <div class="contact">

  ph. 614-846-8761 ex. 15<br />

  email. Janine@triad-inc.com

  </div>

  </div>

  

    <div class="people-overlay dave iefix"> 

  <div class="light-blue-shadow">

  President

  </div>

  <div class="skills">

Our fearless leader, the patriarch of possibilty,<br /> clearer

of new paths, founder of great ideas,<br />

 and payer of the checks.

  </div>

  <div class="contact">

  ph. 614-846-8761<br />

  tf. 800.28.TRIAD<br />

  email. DKeller@triad-inc.com

  </div>

  </div>

  

  

  <!-- end people info overlays -->

  <!-- hover area overlays -->

  <div class="elliott-hover-area"></div>

  <div class="bob-hover-area"></div>

  <div class="shaw-hover-area"></div>

  <div class="jerry-hover-area"></div>

  <div class="mark-hover-area"></div>

  <div class="crystal-hover-area"></div>

  <div class="eric-hover-area"></div>

  <div class="dubs-hover-area"></div>

  <div class="david-hover-area"></div>

  <div class="janine-hover-area"></div>

  <div class="dave-hover-area"></div>

  <div class="spike-hover-area"></div>

  <!-- end hover area overlays -->

</div>

<!-- end meet-triad-content -->







<?php require_once('footer.php'); ?>



</body>

</html>

Open in new window

LVL 4
elliottbenzleAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

EyalCommented:
have you considered using
http://api.jquery.com/clearQueue/
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
JavaScript

From novice to tech pro — start learning today.