glow.ready(function() {
					 
	var thumbBorder = "#666666";
	var thumbBorderCurrent = "#ffffff";	
	var thumbBorderHover = "#00ffff";
					 
	//Copy list and add to thumbnail container				 
 	var copyOfFullList = glow.dom.get(".radio-ulster-main-promo").clone();
	glow.dom.get(copyOfFullList).removeClass("radio-ulster-main-promo");
	glow.dom.get(copyOfFullList).addClass("radio-ulster-thumbnail-promo");
	glow.dom.get(copyOfFullList).appendTo(glow.dom.get("#thumbnail-promo-container"));
	
	//Add banner after main promo list
	var thumbnailContainer = glow.dom.get("#thumbnail-promo-container");
	glow.dom.get(thumbnailContainer).before("<div class='more-banner'><h4>MORE FROM RADIO ULSTER</h4></div>");
	
	//Add strapline container after thumbnail container and set to first in list
	var thumbnailContainer = glow.dom.get("#thumbnail-promo-container");
	glow.dom.create("<div class='strapline-container'></div>").appendTo(glow.dom.get(thumbnailContainer));
	//var firstStrapline = "<p>" + glow.dom.get(".radio-ulster-thumbnail-promo li.item1 p.strapline").html() + "</p>";
	var firstStrapline = "<p class='strapline'></p>";
	glow.dom.get("div.strapline-container").html(firstStrapline);
	
	//Add links and resize thumbnail list images
	var thumbnailListImages = glow.dom.get(".radio-ulster-thumbnail-promo li img");
	thumbnailListImages.each(function(i){
		this == thumbnailListImages[i];	
		
		var imageSrc = glow.dom.get(this).attr("src");
		var smallImageSrc = imageSrc.replace("400_300","104_57");
	
		var imageHTML = "<a class='item" + (i + 1) + "' href=''><img src='" + smallImageSrc + "' alt='" + glow.dom.get(this).attr("alt") + "' height='" + glow.dom.get(this).attr("height") + "' width='" + glow.dom.get(this).attr("width") + "' /></a>";
		glow.dom.get(this).replaceWith(imageHTML);

	});
	
	//Adjust padding and margins for new thumbnail container
	glow.dom.get(".promo-container").css("padding", "0 0 15px 0");
	glow.dom.get("#main-promo-container").css("margin-bottom", "10px");
	glow.dom.get("#thumbnail-promo-container").css("margin", "10px 10px 20px 10px");
	
	//Show strapline and change thumbnail border colour on mouseover
	glow.events.addListener(
	  	'.radio-ulster-thumbnail-promo li a img',
	  	'mouseover',
	  	function (e) {
			e.preventDefault();
			var itemNumber = glow.dom.get(e.source).parent().attr("class");
			var domSearch = ".radio-ulster-thumbnail-promo li." + itemNumber + " p.strapline";
			var newStrapline = "<p>" + glow.dom.get(domSearch).text() + "</p>";
			glow.dom.get("#thumbnail-promo-container div.strapline-container p").replaceWith(newStrapline);

			//Border colour change
			var domSearch = ".radio-ulster-thumbnail-promo li." + itemNumber;
			glow.dom.get(domSearch).css("border-color", thumbBorderHover);
	});	

	//Remove strapline and change thumbnail border colour on mouseout
	glow.events.addListener(
	  	'.radio-ulster-thumbnail-promo li a img',
	  	'mouseout',
	  	function (e) {
			e.preventDefault();
			glow.dom.get("#thumbnail-promo-container div.strapline-container p").replaceWith("<p class='strapline'></p>");
			
			//Border colour change
			var domSearchNodes = glow.dom.get(".radio-ulster-thumbnail-promo li");
			domSearchNodes.each(function(i){
				this == domSearchNodes[i];
				if ( glow.dom.get(this).hasClass("current") ) 
					{ glow.dom.get(this).css("border-color", thumbBorderCurrent); }
				else 
					{ glow.dom.get(this).css("border-color", thumbBorder); }					
			});
						
	});	

	//Change main promo on thumbnail click
	glow.events.addListener(
	  	'.radio-ulster-thumbnail-promo li a',
	  	'click',
	  	function (e) {
			e.preventDefault();
			var itemNumber = glow.dom.get(e.source).parent().attr("class");
			
			var mainPromoToRemoveDOM = "ul.radio-ulster-main-promo li.current";			
			var mainPromoToAddDOM = "ul.radio-ulster-main-promo li." + itemNumber;
			
			//If different promo thumbnail clicked so update main promo box
			if ( !glow.dom.get(mainPromoToRemoveDOM).hasClass(itemNumber) ) {  

				var thumbPromoHighlightToRemoveDOM = "ul.radio-ulster-thumbnail-promo li.current";			
				var thumbPromoHighlightToAddDOM = "ul.radio-ulster-thumbnail-promo li." + itemNumber;			

				glow.dom.get(thumbPromoHighlightToRemoveDOM).removeClass("current");
				glow.dom.get(thumbPromoHighlightToAddDOM).addClass("current");

				var domSearchNodes = glow.dom.get(".radio-ulster-thumbnail-promo li");
				domSearchNodes.each(function(i){
					this == domSearchNodes[i];
					if ( glow.dom.get(this).hasClass("current") ) 
						{ glow.dom.get(this).css("border-color", thumbBorderHover); }
					else 
						{ glow.dom.get(this).css("border-color", thumbBorder); }	
				});	

				var fadeBox = ".promo-container div.fade-in-box";
				glow.dom.get(fadeBox).css("display", "block");
				
				var showFadeBox = glow.anim.css(fadeBox, 1, {
					  "opacity": {to:1}
				});
				
				showFadeBox.start();

				glow.events.addListener(showFadeBox, "complete",function(){
					glow.dom.get(mainPromoToRemoveDOM).removeClass("current");
					glow.dom.get(mainPromoToAddDOM).addClass("current");
					
					var removeFadeBox = glow.anim.css(fadeBox, 1, {
						"opacity": {to:0}
					});
					removeFadeBox.start();
					
					glow.events.addListener(removeFadeBox, "complete",function(){
						glow.dom.get(fadeBox).css("display", "none");													 
					});														 
				});
			}

	});	
});