window.onload = function()
    {
        var lis = document.getElementsByTagName('li');
    /*for(i = 0; i < lis.length; i++)
			{
				var li = lis[i];
				if (li.className == 'sub')
				{
					//li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; }
				//	li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; }
				}
			}*/
    }
$(document).ready(function(){

    $(".btn-slide").click(function(){
        $("#panel").slideToggle("slow");
        $(this).toggleClass("active");
        $(this).toggleClass("active2");
        return false;
    });
       
});

		
		
function slideSwitch() {
    var $active = $('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    // use this to pull the images in the order they appear in the markup
//    var $next =  $active.next().length ? $active.next()
//    : $('#slideshow IMG:first');

    // uncomment the 3 lines below to pull the images in random order
			
     var $sibs  = $active.siblings();
     var rndNum = Math.floor(Math.random() * $sibs.length );
     var $next  = $( $sibs[ rndNum ] );


    $active.addClass('last-active');

    $next.css({
        opacity: 0.0
    })
    .addClass('active')
    .animate({
        opacity: 1.0
    }, 1000, function() {
        $active.removeClass('active last-active');
    });
}
function slideSwitch2() {
    var $active = $('#slideshow2 IMG.active2');

    if ( $active.length == 0 ) $active = $('#slideshow2 IMG:last');

    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
    : $('#slideshow2 IMG:first');

    // uncomment the 3 lines below to pull the images in random order
			
    // var $sibs  = $active.siblings();
    // var rndNum = Math.floor(Math.random() * $sibs.length );
    // var $next  = $( $sibs[ rndNum ] );


    $active.addClass('last-active');

    $next.css({
        opacity: 0.0
    })
    .addClass('active2')
    .animate({
        opacity: 1.0
    }, 1000, function() {
        $active.removeClass('active2 last-active');
    });
}

$(function() {
    setInterval( "slideSwitch()", 3000 );
    setInterval( "slideSwitch2()", 3000 );
});

