/* Homepage */
// Lets start this party!
$j(document).ready(function(){
	var jsonGlobal = null;
	// Lets get our JSON
	$j.getJSON("main/banner", function(jsonData){
		jsonGlobal = jsonData;
		buildBanners(jsonData);
	});
});
// Build Promos
function buildBanners(jsonData){
	// Build out html for the promo tiles and navigation
	var banner_markup = 
		'<div id="banner_container">' +
			'<div id="banner_nav">' +
				'<ul id="banner_nav_list">' +
					'<li id="prevBanner"><a href="#previous">Previous</a></li>' +
					'<li id="nextBanner"><a href="#next">Next</a></li>' +
				'</ul>' +
			'</div>' +
			'<div id="banner_rotator">' +
				'<ul id="banner_rotator_list">' +
					buildBannerTile(jsonData) +
				'</ul>' +
			'</div>' +
		'</div>';
	// Add our promo html to the page
	$j('#banner_wrapper').html(banner_markup);
	// Built, now lets start the rotation
	startBanners(jsonData);
}
// Build each banner tile from the json
function buildBannerTile(jsonData){
	var bannerMarkup = "";
	jQuery.each(jsonData.bannerItems, function(i, value) {
      bannerMarkup +=
					'<li>' +
						'<a href="' + value.bannerLink + '">' +
							'<img class="imageModifier" src="' + value.imageUrl + '" alt="' + value.alt_tag + '" />' +
							'<span class="banner_info_container">' +
								'<span class="banner_title">' + value.title + '</span>' +
								'<span class="banner_author">by ' + value.author + '</span>' +
							'</span>' +
						'</a>' +
					'</li>'
    });
	return bannerMarkup;
}
// Start Promo Rotation
function startBanners(jsonData){
	// Fade in the html once its loaded
	$j('#banner_wrapper').fadeIn();
	// Boolean for letting us know that this is just starting
	var startCycle = false;
	// Setting the timeout
	var clickedSlideTimeout = false;
	var clickedSlide = "";
	// Image rotator for the top header
	var promo = $j('ul#banner_rotator_list').cycle({ 
	    fx:     'fade',
		speed:    1000,
		timeout: 3000,
		pagerEvent: 'mouseover',
		prev:    '#prevBanner',
		next:    '#nextBanner'
	});
	// Setup the hover states for the promos
	$j('ul#banner_rotator_list li').hover(
		function () {	// Hover State
			// Pause Promo
			promo.cycle('pause');
		},
		function (o) {	// Default State
			// Resume Promo
			promo.cycle('resume');
		}
	);
}