/*
	On mouse over change image
*/
var Promo = function(data) {
	var current = 0, container = $('#promo'), u;

	container.show();

	var set = function() {
		if(arguments[0] !== u) {
			current = arguments[0];
		}

		var item = data[current];

		container.empty();

		container.css({
			'background': "transparent url('/store/" + item.fields.promo_background_image.internalName + "') no-repeat left top"
		});

		var content = $('<div>').attr({
			'id': 'promo-content'
		});

		var text = $('<p>').attr({
			'class': 'h140'
		});

		text.html(item.fields.promo_summary);

		content.append(text);

		var link = $('<p>').attr({
			'class': 'btn-1 f_right'
		});

		var a = $('<a>').attr({
			'href': '/products/' + item.page.urlname
		});

		a.html('Read More');

		link.append(a);

		content.append(link);

		container.append(content);
	};

	$('#promo-nav a').bind('mouseenter', function() {
		var a = $(this), href = a.attr('href');

		for(var i = 0; i < data.length; i++) {
			if(href.match(data[i].page.urlname)) {
				set(i);
				break;
			}
		}

		return false;
	});

	set();
};