var $slider = undefined;
var go = undefined;
var current_index = start_first;

function sliderSwitch(index) {
	if (index > $('#controls ul li').length - 1) {
		index = 0;
	}
	$slider = $($('#slider div.slide')[index])
	$('#controls ul li').removeClass('active')
	$($('#controls ul li')[index]).addClass('active')
	$slider.fadeIn('slow')
	$('#slider div.slide.active').fadeOut('slow');
	$('#slider div.slide.active').removeClass('active');
	$slider.addClass('active');
	if (go != undefined) clearInterval(go);
	go = setInterval( "slideSwitch()", 5000 );
	var caption = $slider.children('.caption').children('.cc')
	caption.css('top', '450px')
	caption.animate({top: '40px'}, 1000 );
	current_index = index;
}

function slideSwitch() {
    var $active = $slider.children('img.active');
	
    if ( $active.length == 0 ) $active = $slider.children('img:last');

	if ($active.next('img').length > 0) {
		var $next = $active.next('img')	
	} else {
		sliderSwitch(current_index+1);
		return false;
	}

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

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

$(function() {
	sliderSwitch(start_first)
	$('#controls ul li span').click(function() {
		index = $(this).parent().parent().children('li').index($(this).parent())
		sliderSwitch(index);
	})
});


function captionPosition() {
	var cap_pos = $('h1').position().left + 660;
	//$('.caption').css({'position': 'absolute', 'left': cap_pos});
	$('#controls').css({'position': 'absolute', 'left': cap_pos, 'top': 10});
}