// JavaScript Document

$(document).ready(function() {					   
		
	var carousel;
	var slide = 0;
		
	$.getJSON(buzzwords_url,function(json) {
    	carousel = json; 
		FadeInSlide(carousel);           
	});         
		
	function FadeInSlide(carousel) { 
		if(slide==carousel.length)  slide=0;
		var ShowSlide = function () { $('#buzzword').show(); };
		var FadeInWord = function () { $('.buzzword_word').fadeIn(500); };
		var FadeInPhrase = function () { $('.buzzword_phrase').fadeIn(500); };
		var FadeOut = function () { FadeOutSlide(carousel) };
		
		$('#buzzword').html(	'<span class="buzzword_word ' + carousel[slide]['Season'] +'">' + carousel[slide]['Word'] + '</span><br/>'
								+ '<span class="buzzword_phrase ' + carousel[slide]['Season'] +'">' + carousel[slide]['Phrase'] + '</span>'
							);
		
		Cufon.replace('.buzzword_word', { fontFamily: 'Gigi' });
		setTimeout(ShowSlide,10);
		setTimeout(FadeInWord,10);
		setTimeout(FadeInPhrase,500);
		setTimeout(FadeOut,9500);
	}
		
	function FadeOutSlide(carousel) {   
		var FadeIn = function () { FadeInSlide(carousel) };
		var HideWord = function () { $('.buzzword_word').hide(); };
		var HidePhrase = function () { $('.buzzword_phrase').hide(); };
		var HideSlide = function () { $('#buzzword').hide(); };
		$('#buzzword').fadeOut(500);
		slide++;
		setTimeout(HideWord,510);
		setTimeout(HidePhrase,510);
		setTimeout(HideSlide,510);
		setTimeout(FadeIn,1510);
	}
})