<!--
var imageId;
var intervalCount = 0;
var intervalId;
var slideShowActive = false;
var anchorLink = '#photo';

glow.ready(function() {
	glow.dom.get('.gallery-links').append(
		'<a href="#" class="slideshow"><span>Slideshow</span></a> <a href="#" class="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.share', 'click', function(e){
		e.preventDefault();

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

		glow.dom.get("div.tearshare").toggleClass("blq-hide");
	});

	glow.events.addListener('a.slideshow', 'click', function(e){
		e.preventDefault();

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

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

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

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

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

function swapImage(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(".gallery-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(".gallery-info", .5, {"opacity" : {to:0}}).start();
	$anim(".caption-text", .5, {"opacity" : {to:0}}).start();
	$anim(".tearshare", .5, {"opacity" : {to:0}}).start();
	var myAnim = $anim(".photoframe 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(".photoframe img").attr("src", newImage.src);
				$get(".photoframe img").attr("width", newImage.width);
				$get(".photoframe img").attr("height", newImage.height);
				$get(".photoframe img").attr("alt", newImage.alt);

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

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

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

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

				$get(".caption-text").empty().append('<p>'+theData.caption+'</p>');
				$anim(".caption-text", .5, {"opacity" : {to:1}}).start();

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

				if(slideShowActive == true)
				{
					intervalId =  setInterval("playSlideshow()", slideshowTimer);
				}
			},
			onError: function(response) {
				alert('unable to load');
			}
		});
	});

}
//-->