// JavaScript Document

var interval_slideshow;
$(function() {
    //slideshow();
	var i=0;
	$('#slideshow #slideshowIn .slide').each(function(){
		i++;
		$('#slideshow .menuSlideNav').append('<li id="menuSlide'+i+'"><a href="javascript:void(0)" rel="'+i+'">'+i+'</a></li>');
		$(this).attr("id", "slide"+i);
	});
	$('#slideshow .menuSlideNav li:first').addClass("active");
	$('#slideshow .menuSlideNav li a').each(function(){
		$(this).click(function(){ goslideto($(this).attr("rel")); });
	});
	
	interval_slideshow = setInterval( "slideShow()", 4000 );
});
            
function slideShow() {
    var $active = $('#slideshow #slideshowIn .slide.active');
    if ( $active.length == 0 ) $active = $('#slideshow #slideshowIn .slide:last');
    var $next =  $active.next().length ? $active.next() : $('#slideshow #slideshowIn .slide:first');

    var $active_menu = $('#slideshow .menuSlideNav li.active');
    if ( $active_menu.length == 0 ) $active_menu = $('#slideshow .menuSlideNav li:last');
    var $next_menu =  $active_menu.next().length ? $active_menu.next() : $('#slideshow .menuSlideNav li:first');

    $active_menu.removeClass('active');
    $next_menu.addClass('active');    
	
	$active.fadeOut(1000);
	$next.fadeIn(1000, function() {
		$active.removeClass('active');
		$next.addClass('active');
	});
}

function goslideto(n)
{
	clearInterval(interval_slideshow);
	
    var $active = $('#slideshow #slideshowIn .slide.active');
    var $next =  $('#slideshow #slideshowIn #slide'+n);

    var $active_menu = $('#slideshow .menuSlideNav li.active');
    if ( $active_menu.length == 0 ) $active_menu = $('#slideshow .menuSlideNav li:last');
    var $next_menu =  $('#slideshow .menuSlideNav li#menuSlide'+n);

    $active_menu.removeClass('active');
    $next_menu.addClass('active');  

	$active.fadeOut(1000);
	$next.fadeIn(1000, function() {
		$active.removeClass('active');
		$next.addClass('active');
		
		interval_slideshow = setInterval( "slideShow()", 4000 );
	});
}