<!-- #################################################################################################### -->
function HoverOn(thisDiv)	{
	thisDiv.style.backgroundColor = "#E7E7E7";
}
function HoverOff(thisDiv)	{
	thisDiv.style.backgroundColor = "#FFFFFF";
}
<!-- #################################################################################################### -->
// Variables for standard top features
var topFeatureArray = [];
var $topFeatureActiveHeadline;
var $topFeatureActiveMultimedia;
var $topFeatureActiveText;
var $topFeature1;
var $topFeature2;
var $topFeature3;
var lastJumpedTo = 0;
<!-- #################################################################################################### -->
// Variables for "event" top feature
var topFeatureEventArray = [];
var $topFeatureBigWrapper;
var $topFeatureEventHeadline;
var $topFeatureEventMultimedia;
var $topFeatureEventText;
<!-- #################################################################################################### -->
function topFeatureItem(itemHeadline,itemVideoID,itemImagePath,itemText,itemStatShortName)	{
	this.itemHeadline = itemHeadline;
	this.itemVideoID = itemVideoID;
	this.itemText = itemText;
	this.itemImagePath = itemImagePath;
	this.itemStatShortName = itemStatShortName;
}
<!-- #################################################################################################### -->
function initTopFeature(xml)	{
	$(xml).find("feature").each(function(){
		var tmpVar = new topFeatureItem($(this).find("headline").text(),$(this).find("video_id").text(),$(this).find("img_path").text(),$(this).find("text").text(),$(this).find("video_stat_shortname").text());
		topFeatureArray.push(tmpVar);
	});
	$topFeatureActiveHeadline.html(topFeatureArray[0].itemHeadline);
	if (topFeatureArray[0].itemVideoID.length > 0)	{
		$topFeatureActiveMultimedia.html("<div id='" + topFeatureArray[0].itemVideoID + "' style='background-image:url(" + topFeatureArray[0].itemImagePath + "); background-repeat:no-repeat;'><img src='/library/media/public/images/general/play_button_360x235.png' border='0' /></div>");
		document.getElementById(topFeatureArray[0].itemVideoID).onclick = function() {embedYouTubeVideo(topFeatureArray[0].itemVideoID,topFeatureArray[0].itemStatShortName,360,235);}
	}
	else	{
		$topFeatureActiveMultimedia.html("<img src='" + topFeatureArray[0].itemImagePath + "' border='0' width='360' height='235' />");
	}
	$topFeatureActiveText.html(topFeatureArray[0].itemText);
	$topFeature1.html("<img src='" + topFeatureArray[0].itemImagePath + "' border='0' width='125' height='90' />" + topFeatureArray[0].itemHeadline);
	$topFeature2.html("<img src='" + topFeatureArray[1].itemImagePath + "' border='0' width='125' height='90' />" + topFeatureArray[1].itemHeadline);
	$topFeature3.html("<img src='" + topFeatureArray[2].itemImagePath + "' border='0' width='125' height='90' />" + topFeatureArray[2].itemHeadline);
}
<!-- #################################################################################################### -->
function jumpToFeature(featureNum)	{
	if (featureNum == lastJumpedTo)	{
		return false;
	}
	else	{
		$topFeatureActiveHeadline.html(topFeatureArray[featureNum].itemHeadline);
		if (topFeatureArray[featureNum].itemVideoID.length > 0)	{
			$topFeatureActiveMultimedia.html("<div id='" + topFeatureArray[featureNum].itemVideoID + "' style='background-image:url(" + topFeatureArray[featureNum].itemImagePath + "); background-repeat:no-repeat;'><img src='/library/media/public/images/general/play_button_360x235.png' border='0' /></div>");
			document.getElementById(topFeatureArray[featureNum].itemVideoID).onclick = function() {embedYouTubeVideo(topFeatureArray[featureNum].itemVideoID,topFeatureArray[featureNum].itemStatShortName,360,235);}
		}
		else	{
			$topFeatureActiveMultimedia.html("<img src='" + topFeatureArray[featureNum].itemImagePath + "' border='0' width='360' height='235' />");
		}
		$topFeatureActiveText.html(topFeatureArray[featureNum].itemText);
		lastJumpedTo = featureNum;
	}
}
<!-- #################################################################################################### -->
function initTopFeatureEvent(xml)	{
		$(xml).find("feature").each(function()	{
			var tmpVar = new topFeatureItem($(this).find("headline").text(),$(this).find("video_id").text(),$(this).find("img_path").text(),$(this).find("text").text(),$(this).find("video_stat_shortname").text());
			topFeatureEventArray.push(tmpVar);
		});
	$topFeatureEventHeadline.html(topFeatureEventArray[0].itemHeadline);
	if (topFeatureEventArray[0].itemVideoID.length > 0)	{
		$topFeatureEventMultimedia.html("<div id='" + topFeatureEventArray[0].itemVideoID + "' style='background-image:url(" + topFeatureEventArray[0].itemImagePath + "); background-repeat:no-repeat;'><img src='/library/media/public/images/general/play_button_360x235.png' border='0' /></div>");
		document.getElementById(topFeatureEventArray[0].itemVideoID).onclick = function() {embedYouTubeVideo(topFeatureEventArray[0].itemVideoID,topFeatureEventArray[0].itemStatShortName,360,235);}
	}
	else if (topFeatureEventArray[0].itemImagePath.length > 0)	{
		$topFeatureEventMultimedia.html("<img src='" + topFeatureEventArray[0].itemImagePath + "' border='0' width='360' height='235' />");
	}
	else	{
		$topFeatureBigWrapper.css("height","auto");
		$topFeatureEventMultimedia.css("display","none");
		$topFeatureEventText.css({"width":"950px","padding-bottom":"10px"});
		}
	$topFeatureEventText.html(topFeatureEventArray[0].itemText);
}
<!-- #################################################################################################### -->
$(document).ready(function()	{
	if ($("#HomepageTopFeature").length > 0)	{
		$topFeatureActiveHeadline = $("#HomepageTopFeature > div.TopFeatureActiveWrapper > div.TopFeatureActiveHeadline");
		$topFeatureActiveMultimedia = $("#HomepageTopFeature > div.TopFeatureActiveWrapper > div.TopFeatureActiveMultimedia");
		$topFeatureActiveText = $("#HomepageTopFeature > div.TopFeatureActiveWrapper > div.TopFeatureActiveText");
		$topFeature1 = $("#TopFeature1");
		$topFeature2 = $("#TopFeature2");
		$topFeature3 = $("#TopFeature3");
		$.ajax({
			type: "GET",
			url: "/library/js/www_homepage/feature_list.xml",
			dataType: "xml",
			success: initTopFeature
		});
	}
	if ($("#HomepageTopFeatureEvent").length > 0)	{
		$topFeatureBigWrapper = $("#HomepageTopFeatureEvent");
		$topFeatureEventHeadline = $("#HomepageTopFeatureEvent > div.TopFeatureEventWrapper > div.TopFeatureEventHeadline");
		$topFeatureEventMultimedia = $("#HomepageTopFeatureEvent > div.TopFeatureEventWrapper > div.TopFeatureEventMultimedia");
		$topFeatureEventText = $("#HomepageTopFeatureEvent > div.TopFeatureEventWrapper > div.TopFeatureEventText");
		$.ajax({
			type: "GET",
			url: "/library/js/www_homepage/feature_list.xml",
			dataType: "xml",
			success: initTopFeatureEvent
		});
	}
});
<!-- #################################################################################################### -->
