// checks for ActiveX Adobe SVG control.  From Jeff Schiller of http://bog.codedread.com
function isASVInstalled()
{
    try
		{
        var asv = new ActiveXObject("Adobe.SVGCtl");
        return true;
    }
    catch(e){ }

    return false;
}

var time;
var keri;
var benjamin;

function loadLegoCaption()
{
	keri = document.getElementById('keri');
	benjamin = document.getElementById('benjamin');
	captions = [document.createElement('P'),document.createElement('P')];

	if (((navigator.mimeTypes == null || navigator.mimeTypes.length == 0) && isASVInstalled()) ||
				(navigator.mimeTypes["image/svg+xml"] != null) ||
				(typeof (document.createElementNS('http://www.w3.org/2000/svg','svg')).width != 'undefined')) //http://www.thescripts.com/forum/thread442450.html
	{
		var tmp = new Date();
		get_time = getQueryVariable('time');
		if(get_time) time = parseInt(get_time);
		else {
			time = tmp.getTime()+'';
			time = parseInt(time.substr(time.length-5));
		}

		for(var i=0; i < captions.length; i++)
		{
			var previousLink = document.createElement('a');
			previousLink.href="/#view_previous_outfit";
			previousLink.onclick = viewPrevious;
			previousLink.className = "arrow";
			previousLink.innerHTML = "&larr;<span> View the previous outfit</span>";
			previousLink.id = "previousLink";

			var next = document.createElement('a');
			next.href="/#view_next_outfit";
			next.onclick = viewNext;
			next.className = "arrow";
			next.innerHTML = "<span>View another outfit </span>&rarr;";
			next.id = "nextLink";

			captions[i].appendChild(previousLink);
			captions[i].appendChild(next);

		}
		
		permalink_p = document.createElement('p')
		permalink_p.id="permalink_p";
		permalink_p.innerHTML="<a id=\"permalink\" title=\"permanent link for these two\" href=\"?time="+time+"\">&#8984;</a>"
		keri.parentNode.insertBefore(permalink_p,keri);

		keri.appendChild(captions[0]);
		get_count_keri = getQueryVariable('keri');
		if(get_count_keri) keri.count = parseInt(get_count_keri);
		else keri.count = 0;
		keri.baseAddress="/assets/legos/keri/person.svg?"
		createNewImage(keri)

		benjamin.appendChild(captions[1]);
		get_count_benjamin = getQueryVariable('benjamin');
		if(get_count_benjamin) benjamin.count = parseInt(get_count_benjamin);
		else benjamin.count = 0;
		benjamin.baseAddress="/assets/legos/benjamin/person.svg?"
		createNewImage(benjamin)
	}
	else
	{
		document.body.innerHTML = "You cannot view SVG images.<br />Try <a href=\"http://www.google.com/search?q=svg+plugin\">downloading a plugin</a>";
	}
}

function viewPrevious()
{
	this.parentNode.parentNode.count--;
	return createNewImage(this.parentNode.parentNode);
	return false;
}

function viewNext()
{
	this.parentNode.parentNode.count++;
	return createNewImage(this.parentNode.parentNode);
}

function createNewImage(node)
{
	var old = node.getElementsByTagName('object')[0];
	var newImage;
	
	var newAddress = node.baseAddress+(time+node.count);

	newImage = document.createElement('object');
	newImage.data = newAddress;
	newImage.setAttribute('type',old.type);
	newImage.innerHTML = old.innerHTML;
	
	old.parentNode.replaceChild(newImage,old);

	permalink = document.getElementById('permalink');
	permalink.href="?time="+time+"&benjamin="+benjamin.count+"&keri="+keri.count;

	return false;
}

function getQueryVariable(variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if (pair[0] == variable) {
      return pair[1];
    }
  } 
	return undefined;
}