function slideSwitch()
{
    var $active = $('#slideshow IMG.active');
    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
    var $next =  $active.next().length ? $active.next() : $('#slideshow IMG:first');

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

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 700, function() { });
        
    $id = $('#nav li.pink').attr('id');
    $next = ($id=='13')? 1: parseInt($id) + 1;
    $('#'+$id).removeClass('pink');
    $('#'+$next).addClass('pink');
    
}

$(function() {
//Initialize array of images
var aImages = new Array("chicks.jpg","preschool.jpg","OHSBand.jpg","dance.jpg","sports.jpg","tournament.jpg","obr.jpg","softball.jpg","casual.jpg","event.jpg","photobook.jpg","homedecor.jpg","poster.jpg");
//Add photo list to HTML
 mHTML = "";
 for(i=0;i<aImages.length;i++){
	mHTML+='<img id="img'+i+'" src="images/' + aImages[i] +'"'; 
	mHTML+='alt="..." >';
	}
 $("#slideshow").html(mHTML);
 $("#slideshow IMG:first").addClass('active');
 $("#1").addClass('pink');
 setInterval( "slideSwitch()", 3500 );
});