$(document).ready(function(){
        $("#tree").treeview({
			animated: "true",
			collapsed: true,
			unique: true,
   persist: "location"
			

			
			
		});
    });
var showcase = $('#showcase').cycle({ 
    fx:     'scrollVert',
		easing: 'easeOutBounce',
    speed:  800, 
    timeout: 8000, 
    pager:  '#showcasenav',
		after: onAfter,
		slideExpr: 'img'

});

function onAfter(tin,tout,opts) {
		var theslide = opts.currSlide+1;
		$('#showcaseurl').html('<a href="' + tout.name + '" target="_blank">' + tout.alt + '</a>');
		$('#scase').html('<h1>' + tout.title + '</h1>').append('<div class="text">' + tout.alt + '</div><div style="clear: both;"></div><div class="keepreading"><a href="' + tout.name + '">more info...</a></div><div style="clear: both;"></div>'); 
}



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

    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var opener = $('.trigger', this);
  	var closer = $('.closewindow', this);
    var popup = $('.popup',this);

    // set the mouseover and mouseout on both element
    $([opener.get(0), popup.get(0)]).click(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.css({
          top: 15,
          left: -110,
          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'
         
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    })
		$(closer.get(0)).click(function () {
      // store the timer so that it can be cleared in the mouseover if required
        popup.animate({
          top: '-=' + distance + 'px'
        }, 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.css('display', 'none');
        });
      }, hideDelay);
  	});
});
$(function () { 


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

    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var trigger = $('.trigger', this);
    var popup = $('.popup', this);

    // set the mouseover and mouseout on both element
    $([trigger.get(0), popup.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.css({
          top: 15,
          left: -115,
          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'
        }, 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.animate({
          top: '-=' + distance + 'px'
        }, 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.css('display', 'none');
        });
      }, hideDelay);
    });
  });

})