var $tabs, timer, gettimer, gottimer, goodtimer, overtimer;

$(document).ready(init);


function init() {
	navigate();
	$('#coverstory > div').each(function(){$(this).addClass('ui-tabs-hide');});
	$('#nav-story li.nav-item').removeClass('ui-tabs-selected').removeClass('ui-state-active');

	$('html').removeClass('js');

	var $casestudy = $('#coverstory > div').eq(Math.floor(Math.random()*$('.ui-tabs-panel').size()));
	$($casestudy).fadeIn(250, toggleSlide);
	swapSlide($casestudy);
}

function swapSlide($casestudy) {
	switch($casestudy.attr('id')) {
		case 'pya':
			gettimer = setTimeout(function() {$('#overlay').html('<img id="getit" src="/images/casestudy/get-it.png" width="252" height="184" alt="Get it?" title="Get it?">').fadeIn(500).idle(3000).fadeOut(1000);},1000);
			gottimer = setTimeout(function() {$('#overlay').html('<img id="gotit" src="/images/casestudy/got-it.png" width="285" height="142" alt="Got it." title="Got it.">').fadeIn(500).idle(3000).fadeOut(1000);},5500);
			goodtimer = setTimeout(function() {$('#overlay').html('<img id="good" src="/images/casestudy/good.png" width="285" height="188" alt="Good!" title="Good!">').fadeIn(500)},10000);

			overtimer = setTimeout(function() {$('#overlay').html('');},15000);
		case 'regen':
			swapHeadline();
		default:
			timer = setTimeout(function() {nextSlide($casestudy)},15000);
	}
}

function nextSlide($casestudy) {
	var next = $('#coverstory > div').index($casestudy)+1;
	if (next >= $('#coverstory > div').size()) {
		next = 0;
	}
	var $next = $('#coverstory > div').eq(next);

	$($casestudy).fadeOut(500, toggleSlide);
	timer = setTimeout(function() {$next.fadeIn(250, toggleSlide); setTimeout(function() {swapSlide($next);},250);},500);
}

function toggleSlide() {
	if ($(this).hasClass('ui-tabs-hide')) {
		$('#nav-story li.nav-item').eq($('#coverstory > div').index($(this))).addClass('ui-tabs-selected').addClass('ui-state-active');
		$(this).removeClass('ui-tabs-hide').removeAttr('style');
	} else {
		$('#nav-story li.nav-item').eq($('#coverstory > div').index($(this))).removeClass('ui-tabs-selected').removeClass('ui-state-active');
		$(this).addClass('ui-tabs-hide').removeAttr('style');
	}
}

function resetSlides() {
	clearTimeout(timer);
	clearTimeout(gettimer);
	clearTimeout(gottimer);
	clearTimeout(goodtimer);
	clearTimeout(overtimer);
	$('#overlay').html('');
}

function swapHeadline() {
	var i = $('<img src="/images/casestudy/regen-headline.png" width="378" height="130" alt="Headline" title="Generations OB/GYN">').fadeIn(250);
	$('#regen .headline h1.title').replaceWith(i);
}

function navigate() {
	$tabs = $('#coverstory').tabs();

	$('#nav-story li.nav-item a').click(function() {
		resetSlides();

		$casestudy = $('#coverstory > div').eq($('#nav-story li.nav-item a').index(this));
		swapSlide($casestudy);
		return false;
	});
}

function moreitems($tabs) {
	$('.prev-item, .next-item').remove();

	var current = $('#nav-story li.nav-item').index($('.ui-tabs-selected'));
	var before  = current - 1;
	var after   = current + 1;
	var size = $('.ui-tabs-panel').size() - 1;
	if (before < 0) {
		before = size;
	}
	if (after > size) {
		after = 0;
	}

	var $current = $('#coverstory > div').eq(current);
	var prev = $('#coverstory > div').eq(before).attr('id');
	var next = $('#coverstory > div').eq(after).attr('id');

	$('#nav-story').prepend('<li class="prev-item"><a href="#' + prev + '" class="prev-slide mover" rel="' + prev + '">&lt;</a></li>');
   	$('#nav-story').append('<li class="next-item"><a href="#' + next + '" class="next-slide mover" rel="' + next + '">&gt;</a></li>');

	$('.next-slide, .prev-slide').click(function() {
		resetSlides();

		$casestudy = $('#coverstory > div').eq($('#coverstory > div').index($('#'+$(this).attr('rel'))));
		$($current).fadeOut(500, toggleSlide); timer = setTimeout(function() {$casestudy.fadeIn(250, toggleSlide); setTimeout(function() {swapSlide($casestudy);},250);},500);
		return false;
	});
}

$.fn.idle = function(time) {
	var o = $(this);
	o.queue(function() {
		setTimeout(function() {
			o.dequeue();
		}, time);
	});
	return this;
}

jQuery.preloadImages = function() {
	for(var i=0; i < arguments.length; i++) {
		$('<img>').attr('src', arguments[i]);
	}
}
$.preloadImages('/images/casestudy/get-it.png', '/images/casestudy/got-it.png', '/images/casestudy/good.png', '/images/casestudy/regen-headline.png', '/images/casestudy/regen-case.jpg', '/images/casestudy/foothills-case.jpg', '/images/casestudy/pya-case.jpg');