﻿/* BEGIN HOMEPAGE PROMOTIONS */

/*this should probably be a separate thing in a separate js as it pertains ONLY to homepage feature thing,
maybe calling it in AdditionalPageHead*/


//consider separating the callbacks etc (just use function name dont put ())
$(function() {

	$('.featurelink:first').addClass('selected');

	//get all feature links
	$('.featurelink').each(function(){
		$(this).mouseenter(function(){

			var title = $(this).find('a').text();		
			var imageSrc = $(this).find('.featureImageSrc').text();
			var link = $(this).find('a').attr('href');
			var description = $(this).find('.featureDescription').text();
			var promoDates = $(this).find('.featurePromotionDates').text();
			var imageAlt = $(this).find('.featureAltText').text();
			if(promoDates != ''){
				promoDates = ', ' + promoDates;
			}
			var featureImage = $('#mainfeatureimage');			

			// to remove state when moving off selected state
			$('li.selected').removeClass('selected');
		
			$(this).addClass('selected');
			
			//otherwise will call when mousein/out over the <a>
			if(featureImage.attr('src') != imageSrc) {			
				$('#mainfeatureimagelink').attr('href', link);
				featureImage.attr('src',imageSrc);
				featureImage.attr('alt', imageAlt);
				var featureTitle = $('#featuretitle');
				featureTitle.find('a').attr('href',link).text(title);
				featureTitle.find('span').text(promoDates);
				$('#featuredescription').text(description);	
				$('#featuremoredetail a').attr('href',link);			
			}
			
		});
		/*
		$(this).mouseleave(function(){
			$(this).removeClass('selected');	
		});*/
	});
});	

/*
function setMainImage(listItem, imageSrc, altText)
{
	/*var featureImage = document.getElementById('mainfeatureimage');
	if(featureImage != null)
	{
		featureImage.src = imageSrc;
		featureImage.alt = altText;
		listItem.className = 'featurelink selected';
	}*/
	
	
	/*crossfade??
	
	var featureImage = $('#mainfeatureimage');
		
	if(featureImage.attr('src') != imageSrc) {
	
	featureImage.fadeOut('slow');
	featureImage.attr('src', imageSrc);
	featureImage.fadeIn('slow');
	
	//listItem.className = 'featurelink selected';
	
	}
	
}*/

function unsetMainImage(listItem)
{
	listItem.className = 'featurelink';
}

/*
 END HOMEPAGE PROMOTIONS*/