hs.graphicsDir = 'highslide/graphics/';
hs.showCredits = false;
hs.outlineType = 'rounded-white';
hs.wrapperClassName = 'draggable-header';
hs.width = '800';

var $j = jQuery.noConflict();
  	$j.fn.cycle.defaults.timeout = 8000;
	$j(function() {
    // run the code in the markup!
    $j('table pre code').not('#skip,#skip2').each(function() {
        eval($j(this).text());
    });
    
    $j('#s4').before('<div class="bgs_top"><div class="bgs_bottom"><div id="nav" class="nav">').cycle({
        fx:     'fade',
        speed:  'slow',
		autostopCount:   0,
		autostop:   0,
        timeout: 8000,
        pager:  '#nav'
		
    });
});
	
var $j = jQuery.noConflict();
		$j(document).ready(function(){
		$j('.menu-nav li').hover(
			function() {
				$j(this).addClass("active");
				$j(this).find('.ulwrapper').stop(false, true).slideDown();
				$j(this).find('.ulwrapper .ulwrapper').stop(false, true).slideUp('fast');
			},
			function() {
				$j(this).removeClass("active");        
				$j(this).find('div').stop(false, true).slideUp('fast');
			}
		);
		$j('.ulwrapper').hover(
			function() {
				$j('.parent').addClass("active_tab");
			},
			function() {
				$j('.parent').removeClass("active_tab");        
			}
		);
	});