// JavaScript Document

<!-- MAIN SCRIPTS FOR SITE. DON'T STEAL OR I'LL COME TO YOUR HOUSE WITH MY NINJA TURTLE GUITAR AND LET THEM OUT.-->

<!-- begin script for navigation panel-->
<!--sitewide easing sucks. It's off.-->
<!--the below script is for later large navi use.-->
//jQuery.easing.def = 'easeOutBounce';
//$(function () {

//jQuery('UL.drawers').accordion({ 
    //keeps her box closed on arrival							   
//    active: false, 
    //zee handle to hover hit the open principle 
 //   header: 'H2.drawer-handle',
	// our selected class
 //   selectedClass: 'open',
    //no clicky for you today. broken mouses are now ok to use, says apple.   
//    event: 'mouseover'
	
//});	 
//});

<!--end script fornavigation panel for pages-->

<!--BEGIN SLURPING AND FADING STUFF GLOBAL-->

 <!-- begin script James Bond hidden drop down area under main nav at top-->
 <!--contains flash tunage, widgets, contact js scripting and other oddities-->


     function initMenu() {
	
	$('#openbutton').accordion({animated:'bounceslide'});
    $('#openbutton').hide();
	$('ul#hed_z_butones_2 li a.client').click( function() {
    $('#openbutton').toggle("50");
    return false; });}
	$(".accordion").show();
    $(".accordion").accordion();
    $(document).ready(function() {initMenu();});



 <!-- end script James Bond hidden drop down area under main nav at top-->
<!-- begin script left navigation home, top header buttons, band members logo, scrolling icon nav fades-->

	$(function() {
		// set opacity to nill on page load
		$("#dmdlogo span,ul#leftpeeps_1 span,ul#leftpeeps_2 span,ul#leftpeeps_3 span,ul#leftpeeps_4 span,ul#buts_for_codza li a.news1 span,ul#buts_for_codza li a.news2 span,ul#buts_for_codza li a.hottopics span,ul#buts_for_codza li a.totheblog span,ul#buts_for_codza_r li a.music span,ul#buts_for_codza_r li a.lyrics span,ul#buts_for_codza_r li a.bio span,ul#buts_for_codza_l li a.socials span,ul#buts_for_codza_l li a.endorsers span,ul#buts_for_codza_l li a.future2 span,ul#buts_for_footer li a.homelink span,ul#buts_for_footer li a.lyrics span,ul#buts_for_footer li a.bloglink span,ul#buts_for_footer li a.tour span,ul#hed_z_butones span,ul#hed_z_butones_2 span").css("opacity","0");
		// on mouse over
		$("#dmdlogo span,ul#leftpeeps_1 span,ul#leftpeeps_2 span,ul#leftpeeps_3 span,ul#leftpeeps_4 span,ul#buts_for_codza li a.news1 span,ul#buts_for_codza li a.news2 span,ul#buts_for_codza li a.hottopics span,ul#buts_for_codza li a.totheblog span,ul#buts_for_codza_r li a.music span,ul#buts_for_codza_r li a.lyrics span,ul#buts_for_codza_r li a.bio span,ul#buts_for_codza_l li a.socials span,ul#buts_for_codza_l li a.endorsers span,ul#buts_for_codza_l li a.future2 span,ul#buts_for_footer li a.homelink span,ul#buts_for_footer li a.lyrics span,ul#buts_for_footer li a.bloglink span,ul#buts_for_footer li a.tour span,ul#hed_z_butones span,ul#hed_z_butones_2 span").hover(function () {
			// animate opacity to full
			$(this).stop().animate({
				opacity: 1
			}, 1300);
		},

		// on mouse out
		function () {
			// animate opacity to nill
			$(this).stop().animate({
				opacity: 0
			}, 700);

		});
	});

<!--end script left navigation home, top header buttons, band members logo fade-->



<!--END SLURPING AND FADING STUFF GLOBAL-->

<!--In order to have many puff puffs puffing they must be wrapped individually to have fading as well with sprites-->

<!--Begin tons of puffing-->
<!--begin puff puffs pop ups for band members #1-->

$(function () {
  $('.band_wrap_1').each(function () {
    // options
    var distance = 50;
    var time = 250;
    var hideDelay = 500;

    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var trigger = $('ul#leftpeeps_1 li a.stomp span', this);
    var popup_multi = $('.popup_multi', this).css('opacity', 0);

    // set the mouseover and mouseout on both element
    $([trigger.get(0), popup_multi.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popup_multi.css({
          top: 800,
          left: -320,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          top: '-=' + distance + 'px',
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popup_multi.animate({
          top: '-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popup_multi.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});

<!--End puff puff pop ups for band members #1-->

<!--begin puff puffs pop ups for band members #2-->

$(function () {
  $('.band_wrap_2').each(function () {
    // options
    var distance = 50;
    var time = 250;
    var hideDelay = 500;

    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var trigger = $('ul#leftpeeps_2 li a.nostomp span', this);
    var popup_multi = $('.popup_multi', this).css('opacity', 0);

    // set the mouseover and mouseout on both element
    $([trigger.get(0), popup_multi.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popup_multi.css({
          top: 800,
          left: -100,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          top: '-=' + distance + 'px',
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popup_multi.animate({
          top: '-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popup_multi.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});

<!--End puff puff pop ups for band members #2-->

<!--begin puff puffs pop ups for band members #3-->

$(function () {
  $('.band_wrap_3').each(function () {
    // options
    var distance = 50;
    var time = 250;
    var hideDelay = 500;

    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var trigger = $('ul#leftpeeps_3 li a.hurtin span', this);
    var popup_multi = $('.popup_multi', this).css('opacity', 0);

    // set the mouseover and mouseout on both element
    $([trigger.get(0), popup_multi.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popup_multi.css({
          top: 800,
          left: 80,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          top: '-=' + distance + 'px',
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popup_multi.animate({
          top: '-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popup_multi.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});

<!--End puff puff pop ups for band members #3-->

<!--begin puff puffs pop ups for band members #4-->

$(function () {
  $('.band_wrap_4').each(function () {
    // options
    var distance = 50;
    var time = 250;
    var hideDelay = 500;

    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var trigger = $('ul#leftpeeps_4 li a.poundage span', this);
    var popup_multi = $('.popup_multi', this).css('opacity', 0);

    // set the mouseover and mouseout on both element
    $([trigger.get(0), popup_multi.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popup_multi.css({
          top: 800,
          left: 250,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          top: '-=' + distance + 'px',
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popup_multi.animate({
          top: '-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popup_multi.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});

<!--End puff puff pop ups for band members #4-->
<!--End home page pop ups for all-->

<!--Begin All other pages pop ups for headers, widgets and nav on header2-->
<!--begin puff puffs pop ups for band members #1-->

$(function () {
  $('.band_wrap_1').each(function () {
    // options
    var distance = 50;
    var time = 250;
    var hideDelay = 500;

    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var trigger = $('ul#leftpeeps_1 li a.stomp span', this);
    var popup_multi_blog = $('.popup_multi_blog', this).css('opacity', 0);

    // set the mouseover and mouseout on both element
    $([trigger.get(0), popup_multi_blog.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popup_multi_blog.css({
          top: 220,
          left: -320,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          top: '-=' + distance + 'px',
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popup_multi_blog.animate({
          top: '-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popup_multi_blog.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});

<!--End puff puff pop ups for band members #1-->

<!--begin puff puffs pop ups for band members #2-->

$(function () {
  $('.band_wrap_2').each(function () {
    // options
    var distance = 50;
    var time = 250;
    var hideDelay = 500;

    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var trigger = $('ul#leftpeeps_2 li a.nostomp span', this);
    var popup_multi_blog = $('.popup_multi_blog', this).css('opacity', 0);

    // set the mouseover and mouseout on both element
    $([trigger.get(0), popup_multi_blog.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popup_multi_blog.css({
          top: 220,
          left: -100,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          top: '-=' + distance + 'px',
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popup_multi_blog.animate({
          top: '-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popup_multi_blog.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});

<!--End puff puff pop ups for band members #2-->

<!--begin puff puffs pop ups for band members #3-->

$(function () {
  $('.band_wrap_3').each(function () {
    // options
    var distance = 50;
    var time = 250;
    var hideDelay = 500;

    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var trigger = $('ul#leftpeeps_3 li a.hurtin span', this);
    var popup_multi_blog = $('.popup_multi_blog', this).css('opacity', 0);

    // set the mouseover and mouseout on both element
    $([trigger.get(0), popup_multi_blog.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popup_multi_blog.css({
          top: 220,
          left: 80,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          top: '-=' + distance + 'px',
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popup_multi_blog.animate({
          top: '-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popup_multi_blog.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});

<!--End puff puff pop ups for band members #3-->

<!--begin puff puffs pop ups for band members #4-->

$(function () {
  $('.band_wrap_4').each(function () {
    // options
    var distance = 50;
    var time = 250;
    var hideDelay = 500;

    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var trigger = $('ul#leftpeeps_4 li a.poundage span', this);
    var popup_multi_blog = $('.popup_multi_blog', this).css('opacity', 0);

    // set the mouseover and mouseout on both element
    $([trigger.get(0), popup_multi_blog.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popup_multi_blog.css({
          top: 220,
          left: 250,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          top: '-=' + distance + 'px',
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popup_multi_blog.animate({
          top: '-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popup_multi_blog.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});

<!--End all puffing and more puffing for all band members-->
<!--End Headers-->
<!--Begin Footers-->

<!--begin puff puffs pop ups for NAVIGATION MENU in FOOTER triggered by cartoon pict of Spitz-->

$(function () {
  $('#footer').each(function () {
    // options
    var distance = 50;
    var time = 250;
    var hideDelay = 500;

    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var trigger = $('ul#leftpeeps_1 li a.stomp2 span', this);
    var popup_multi_blog = $('.popup_multi_footer', this).css('opacity', 0);

    // set the mouseover and mouseout on both element
    $([trigger.get(0), popup_multi_blog.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popup_multi_blog.css({
          top: -490,
          left: -240,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          top: '-=' + distance + 'px',
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popup_multi_blog.animate({
          top: '-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popup_multi_blog.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});

<!--end puff puffs pop ups for NAVIGATION MENU in FOOTER triggered by cartoon pict of Spitz-->

<!-- END ALL SPITZ SCRIPTS FOR SITE-->