// ==UserScript==
// @name          Flickr Photo Page Enhancer
// @description	  Adds links to different sizes directly to a Flickr photo page, generates html code to easily copy'n paste thumbnail & description, and automatically loads your 20 most used tags when you click "Add Tag."
// @namespace     http://www.rhyley.org/gm/
// @include       http://flickr.com/photos/*
// @include       http://www.flickr.com/photos/*

// Based upon the original by Fabricio Zuardi (http://www.mamata.com.br/greasemonkey/)
// By Jason Rhyley (jason AT rhyley DOT org)
// ==/UserScript==

(function() {

//Allow GM_xmlhttpRequest in Greasemetal ("Greasemonkey" for Google Chrome)
var chromexmlhttp;
var ChromeHTTP = function(options){
	var onload = options["onload"];
	chromexmlhttp = new XMLHttpRequest();
	chromexmlhttp.open(options["method"], options["url"], true);
	chromexmlhttp.onload = function(resp) {
		var resptext = chromexmlhttp.responseText;
		var responseDetails = { responseText : resptext }
		onload(responseDetails);
	};
	chromexmlhttp.send(null);
}
if(!window.GM_xmlhttpRequest){
	window.GM_xmlhttpRequest = ChromeHTTP;
}

	//if a photo page
	if (document.getElementById("button_bar")) {
	
	pid = location.pathname.split('/')[3];
	
	var self = this;
	var listener = {
		flickr_photos_getSizes_onLoad: function(success, responseXML, responseText, params){
			makeObject(responseText);
		}
	};
	
	var makeObject = function (rsp) {
		var rsp = rsp.replace(/<\?xml.*\?>/,'');
		rsp = new XML(rsp);
		gSizes = new Object();
		for each (i in rsp.sizes.size) {
			eval ("gSizes." + i.@label +" = new Object();");
			eval ("gSizes." + i.@label +".w = i.@width; ");
			eval ("gSizes." + i.@label +".h = i.@height; ");
			eval ("gSizes." + i.@label +".src = i.@source; ");
		}
		doPPEsetup();
	}
	
	doUpdateWithXHR = function() {
		unsafeWindow.F.API.callMethod('flickr.photos.getSizes', {
			photo_id: pid
		}, listener);
	}
	
	function doPPEsetup() {
		var containerA = document.createElement("li");
		containerA.setAttribute("class","Stats");
		var linkA = 'View sizes: ';
		if (gSizes.Original) linkA += '<a href="' + gSizes.Original.src + '" style="text-decoration: none;">Original</a>, ';
		if (gSizes.Large) linkA += '<a href="' + gSizes.Large.src + '" style="text-decoration: none;">Large</a>, ';
		if (gSizes.Medium) linkA += '<a href="' + gSizes.Medium.src + '" style="text-decoration: none;">Medium</a>, ';
		if (gSizes.Small) linkA += '<a href="' + gSizes.Small.src + '" style="text-decoration: none;">Small</a>, ';
		if (gSizes.Thumbnail) linkA += '<a href="' + gSizes.Thumbnail.src + '" style="text-decoration: none;">Thumbnail</a>, ';
		if (gSizes.Square) linkA += '<a href="' + gSizes.Square.src + '" style="text-decoration: none;">Square</a>';
		containerA.innerHTML = linkA;

		//This next bit inserts a 'Copy HTML' link which shows a textarea
		//with the thumbnail & description suitble for copy & paste.

		var containerB = document.createElement("li");
		containerB.setAttribute("class","Stats");
		containerB.innerHTML = '<span id="showHide">Show Quicklink</span>: '+
			'<a id="thLink" href="javascript:showQuick(0)" style="text-decoration:none">Thumbnail</a>, ' +
			'<a id="smLink" href="javascript:showQuick(1)" style="text-decoration:none">Small</a>, ' +
			'<a id="mdLink" href="javascript:showQuick(2)" style="text-decoration:none">Medium</a>, ' +
			'<a id="sqLink" href="javascript:showQuick(3)" style="text-decoration:none">Square</a>';

		var texty = document.createElement("textarea");
		texty.setAttribute("rows","6");
		texty.setAttribute("cols","25");
		texty.setAttribute("style","display:none");
		texty.setAttribute("id","texty");

		//get various attributes of the image for use in the generated HTML 
		if (document.getElementById("title_div" + pid)) 
			ptitle = document.getElementById("title_div" + pid).innerHTML;
			else ptitle = 'Flickr - photo sharing!';

		if (document.getElementById("description_div" + pid))
			pdescription = ' ' + document.getElementById("description_div" + pid).innerHTML;
			else pdescription = '';

		pOwnerName = location.pathname.split('/')[2];
		(pOwnerName.indexOf('@') != -1) ? pOwnerName = '' : pOwnerName = ', by ' + pOwnerName;

		imglink = '<a title="' + ptitle  + pOwnerName + '" href="' + document.location + '">'

		unsafeWindow.thumb_html = imglink + '<img src="' + gSizes.Thumbnail.src +
			'" width="'+ gSizes.Thumbnail.w +
			'" height="'+ gSizes.Thumbnail.h +'"></a>' + pdescription;
		unsafeWindow.small_html = imglink + '<img src="' + gSizes.Small.src +
			'" width="'+ gSizes.Small.w +
			'" height="'+ gSizes.Small.h +'"></a>' + pdescription;
		unsafeWindow.mediu_html = imglink + '<img src="' + gSizes.Medium.src +
			'" width="'+ gSizes.Medium.w +
			'" height="'+ gSizes.Medium.h +'"></a>' + pdescription;
		unsafeWindow.squar_html = imglink + '<img src="' + gSizes.Square.src +
			'" width="'+ gSizes.Square.w +
			'" height="'+ gSizes.Square.h +'"></a>' + pdescription;

		addlInfo = document.evaluate("//li[contains(@class,'Stats')]", document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null).snapshotItem(0).parentNode;	// This broke before, let's see
		addlInfo.appendChild(containerA);
		addlInfo.appendChild(containerB);
		addlInfo.parentNode.insertBefore(texty, addlInfo.nextSibling);
	} // end PPEsetup()
	
	unsafeWindow.showQuick = function (size){			// By request from striatic (whom I do remember from lurking on mefi way back in the day)
		texty = document.getElementById("texty");
		texty.style['display'] = 'block';
		if (size == 0) {
			texty.value = unsafeWindow.thumb_html;
			unsafeWindow.setWeight("thLink",'bold');
			unsafeWindow.setWeight("smLink",'normal');
			unsafeWindow.setWeight("mdLink",'normal');
			unsafeWindow.setWeight("sqLink",'normal');
		} else if (size == 1) {
			texty.value = unsafeWindow.small_html;
			unsafeWindow.setWeight("thLink",'normal');
			unsafeWindow.setWeight("smLink",'bold');
			unsafeWindow.setWeight("mdLink",'normal');
			unsafeWindow.setWeight("sqLink",'normal');
		} else if (size == 2) {
			texty.value = unsafeWindow.mediu_html;
			unsafeWindow.setWeight("thLink",'normal');
			unsafeWindow.setWeight("smLink",'normal');
			unsafeWindow.setWeight("mdLink",'bold');
			unsafeWindow.setWeight("sqLink",'normal');
		} else if (size == 3) {
			texty.value = unsafeWindow.squar_html;
			unsafeWindow.setWeight("thLink",'normal');
			unsafeWindow.setWeight("smLink",'normal');
			unsafeWindow.setWeight("mdLink",'normal');
			unsafeWindow.setWeight("sqLink",'bold');
		}
		texty.select();
		document.getElementById("showHide").innerHTML = '<a href="javascript:hideQuick()" style="text-decoration:none">[Hide Quicklink]</a>'
	}

	unsafeWindow.hideQuick = function (){
		texty = document.getElementById("texty");
		texty.style['display'] = 'none';
		unsafeWindow.setWeight("thLink",'normal');
		unsafeWindow.setWeight("smLink",'normal');
		unsafeWindow.setWeight("sqLink",'normal');
		document.getElementById("showHide").innerHTML = 'Show Quickink';
	}
	
	unsafeWindow.setWeight = function (what,weight) {
		document.getElementById(what).setAttribute('style','text-decoration:none;font-weight:' + weight );
	}
	
	// 'ZILLA BUG 249843 - 3 years old and going strong!
	unsafeWindow.setTimeout(doUpdateWithXHR, 1);
	
	// This bit makes clicking the "Add Tag" link automatically populate your most popular tags
	tagadderlink = document.getElementById('tagadderlink');	
	if(tagadderlink) tagadderlink.firstChild.setAttribute("onclick", "tagrs_showForm(); tagrs_showPopular(20, '"+pid+"'); return false;");

	}//close if a photo page

})();