<!--
	gloader.load(
		["glow", "1.1", "glow.anim", "glow.net", "glow.tweens"],
		{
			onLoad: function(glow) {
				var imageId;
				var intervalCount = 0;
				var intervalId;
				var slideShowActive = false;
				var anchorLink = '#photo';

				glow.ready(function() {
					glow.dom.get('.egt-controls').append(
						'<a href="#" class="egt-slide"><span>Slideshow</span></a> <a href="#" class="egt-share"><span>Share</span></a>'
					);

					glow.dom.get("a.nav").each(function() {
						glow.events.addListener(glow.dom.get(this), 'click', function(e){
							e.preventDefault();

							if(slideShowActive == true)
							{
								stopSlideshow();
							}

							var tmpStr = glow.dom.get(this).attr("href");
							vars = tmpStr.split("#");
							var _gallery = glow.lang.replace(vars[0], 'http://'+document.domain, '');
							_gallery = glow.lang.replace(_gallery, gallery_root, '');//tmpStr.substr(gallery_root.length, 2);
							_gallery = glow.lang.replace(_gallery, '/', '');
							swapImage(_gallery);
						});
					});

					glow.events.addListener('a.egt-share', 'click', function(e){
						e.preventDefault();

						glow.dom.get('a.egt-share').toggleClass("active");
						if(slideShowActive == true)
						{
							stopSlideshow();
						}

						glow.dom.get("div.egt-share").toggleClass("egt-hide");
					});

					glow.events.addListener('a.egt-slide', 'click', function(e){
						e.preventDefault();

						if(slideShowActive == true)
						{
							stopSlideshow();
						}
						else
						{
							slideShowActive = true;
							glow.dom.get('a.egt-slide').removeClass("egt-slide").addClass("egt-slide-on");
							playSlideshow();
						}
					});
				});

				this.playSlideshow = function()
				{
					intervalCount++;
					clearInterval(intervalId);
					if(intervalCount > totalImages)
					{
						slideShowActive = false;
						intervalCount = 0;

						glow.dom.get('a.egt-slide-on').removeClass("egt-slide-on").addClass("egt-slide");
					}
					else
					{
						var prepend = (intervalCount < 10)? '0':'';
						this.swapImage(''+prepend+intervalCount+'');
					}
				}

				this.stopSlideshow = function()
				{
					clearInterval(intervalId);
					slideShowActive = false;
					intervalCount = 0;

					glow.dom.get('a.egt-slide-on').removeClass("egt-slide-on").addClass("egt-slide");
				}

				this.swapImage = function(myId)
				{
					var idText = (myId.charAt(0) == '0')? myId.charAt(1):myId;

					var theData = eval("img" + myId);
					var theHref	= gallery_root + myId + '/';
					var imgWidth = eval(theData.orientation + "_width");
					var imgHeight = eval(theData.orientation + "_height");

					// Change the class on the thumbmails so the correct one is highlighted
					var $get	= glow.dom.get;
					var $anim	= glow.anim.css;

					$get(".egt-thumbs a.nav").each(function() {
						var tmpStr = glow.dom.get(this).attr("href");
						tmpStr = glow.lang.replace(tmpStr, 'http://'+document.domain, '');

						if(tmpStr == theHref+anchorLink){
							$get(this).addClass("active");
						} else {
							$get(this).removeClass("active");
						}
					});

					$anim(".egt-progress",	.5, {"opacity" : {to:0}}).start();
					$anim(".egt-caption p", .5, {"opacity" : {to:0}}).start();
					$anim("div.egt-share",	.5, {"opacity" : {to:0}}).start();
					var myAnim = $anim(".egt-frame img", .5, {"opacity" : {to:0}}).start();

					glow.events.addListener(myAnim, "complete", function() {
						var newImage = new Image(imgWidth, imgHeight);
						newImage.src = theData.image;
						newImage.alt = theData.alt;

						var getRef = glow.net.get(newImage.src, {
							onLoad: function(response) {
								$get(".egt-frame img").attr("src", newImage.src);
								$get(".egt-frame img").attr("width", newImage.width);
								$get(".egt-frame img").attr("height", newImage.height);
								$get(".egt-frame img").attr("alt", newImage.alt);

								var marginLeft = (theData.orientation == 'portrait')? ((landscape_width - portrait_width)/2):0;

								$get(".egt-frame img").css("margin-left", marginLeft+'px');
								$anim(".egt-frame img", .5, {"opacity" : {from:0,to:1}}).start();

								$get("div.egt-share .imgtag").empty().append('&#60;img src="http://www.bbc.co.uk'+theData.image+'" width="'+imgWidth+'" height="'+imgHeight+'" alt="'+theData.alt+'" /&#62;');
								$anim("div.egt-share", .5, {"opacity" : {to:.8}}).start();

								$get(".egt-progress").empty().append(idText + imageThingy + totalImages);
								$anim(".egt-progress", .5, {"opacity" : {to:1}}).start();

								$get(".egt-caption p").empty().append(theData.caption);
								$anim(".egt-caption p", .5, {"opacity" : {to:1}}).start();

								$get("a.egt-prev").attr("href", gallery_root + theData.prev + '/' + anchorLink);
								$get("a.egt-next").attr("href", gallery_root + theData.next + '/' + anchorLink);

								if(slideShowActive == true)
								{
									intervalId =  setInterval("this.playSlideshow()", slideshowTimer);
								}
							},
							onError: function(response) {
								$get(".egt-frame img").attr("src", '/scotland/sitewide/egt/img/error.png');
								$get(".egt-frame img").attr("width", 238);
								$get(".egt-frame img").attr("height", 40);
								$get(".egt-frame img").attr("alt", 'Unable to display this image');

								var marginV = (theData.orientation == 'portrait')? portrait_height:landscape_height;

								$get(".egt-frame img").css("margin-left", ((landscape_width-238)/2)+'px');
								$get(".egt-frame img").css("margin-right", ((landscape_width-238)/2)+'px');
								$get(".egt-frame img").css("margin-top", ((marginV-40)/2)+'px');
								$get(".egt-frame img").css("margin-bottom", ((marginV-40)/2)+'px');

								$anim(".egt-frame img", .5, {"opacity" : {from:0,to:1}}).start();

								$get("div.egt-share .imgtag").empty().append('');
								$anim("div.egt-share", .5, {"opacity" : {to:.8}}).start();

								$get(".egt-progress").empty().append(idText + imageThingy + totalImages);
								$anim(".egt-progress", .5, {"opacity" : {to:1}}).start();

								$get(".egt-caption p").empty().append(theData.caption);
								$anim(".egt-caption p", .5, {"opacity" : {to:1}}).start();

								$get("a.egt-prev").attr("href", gallery_root + theData.prev + '/' + anchorLink);
								$get("a.egt-next").attr("href", gallery_root + theData.next + '/' + anchorLink);

								if(slideShowActive == true)
								{
									intervalId =  setInterval("this.playSlideshow()", slideshowTimer);
								}

								//alert('unable to load');
							}
						});
					});

				}
			}
		}
	);
//-->