$(window).load(function()
{
	$slider = $('.slider');
	$strip = $('.strip',$slider);
	
	$slider.data('current',0);

	var step = $('.mainview',$slider).height();

	var init = function()
	{
		var i = 0;
		$('.button',$slider).each(function(k,v)
		{
			$(v).data('idx',i++).click(function(){slide_to($(this).data('idx'))});
		});

		$slider.mouseover(function() {$slider.data('in',1)})
		.mouseout(function() {$slider.data('in',0)});

		setInterval(do_slideshow, 7000);
	}
	
	var slide_to = function(item)
	{
		$slider.data('current',item);
		var $btn = $('.button').removeClass('active').eq(item).addClass('active');
		
		$strip.stop().animate({
			top: -item*step
		},function()
		{
			$('h2',$slider).html($('.mainview img').eq(item).attr('title')).fadeIn();
			$('p',$slider).html($('.mainview img').eq(item).attr('alt')).fadeIn();
		});

		// fade-in fade-out text
		$('h2',$slider).fadeOut();
		$('p',$slider).fadeOut();
	}

	var do_slideshow = function()
	{
		if ($slider.data('in')) return;
		
		var current = $slider.data('current');
		current++;

		if (current >= $('.mainview img',$slider).length)
		{
			current = 0;
		}

		slide_to(current);
	}

	init();
});