$(function ()  {
	var xml = [];
	var rotate_int;
	var current_item = 0;
	var preload = [];
	$.get('/home_promo.xml', function (data) {
		$(data).find('item').each(function (i,o) {
			xml.push(o);
			
			var img = $(o).find('img').attr('src');
			var image = new Image;
			image.src = img;
			preload.push(image);
		});
		
		
		if (xml.length > 1)
		{
			resetCounter();
			
			initSelector();
		}
			swapPromo();
		
	});
	
	resetCounter = function()
	{
		clearInterval(rotate_int);
		rotate_int = setInterval(rotatePromo, 10000);
	}
	
	rotatePromo = function ()
	{

		current_item ++;
		if (current_item >= xml.length)
		{
			current_item = 0;
		}
		$('div#insides a').fadeOut('slow');
		$('div#insides').fadeOut('slow', swapPromo);
		
	};
	
	swapPromo = function()
	{
		updateSelector();
		
		var o = xml[current_item];

		var img = $(o).find('img').attr('src');
		var title = $(o).find('title').attr('text');
		var content = $(o).find('content').attr('text');
		var a = $(o).find('a');
				
		$('div#insides').empty();
		$('div#insides').css({ backgroundImage: "url('" + img + "')"});
		$('div#insides').append('<h1>' + title + '</h1>');
		$('div#insides').append('<p>' + content + '</p>');
		// $('div#insides').append('<a href="' + a.attr('href') + '" class="button learn_more" style="left: ' + a.attr('x') + 'px; top: ' + a.attr('y') + 'px;">Learn More</a>');
		
		$('div#insides').fadeIn('slow');
		$('div#insides a').fadeIn('slow');
		
		
	};
	
	initSelector = function()
	{
		var selector = $('<div/>', {
			id: 'feature_selector'	
		});
		
		for(var i = 0; i < xml.length; i++)
		{
			var selector_span = $('<span/>', {
				id: 'feature_select',
				data: {
					'feature_num' : i
				},
				click: selectorClick
			});
			
			selector.append(selector_span);
		}
		$(selector).find('span:first').addClass('current');
		$('#feature').append(selector);
		
	};
	
	updateSelector = function()
	{
		$('#feature_selector span.current').removeClass('current');
		$('#feature_selector span').eq(current_item).addClass('current');
	};
	
	selectorClick = function(e)
	{
		current_item = $(this).data('feature_num');
		resetCounter();
		updateSelector();
		$('div#insides a').fadeOut('slow');
		$('div#insides').fadeOut('slow', swapPromo);
	}
	
});