// ==UserScript==
// @name          Flickr Batch Operations Enhancer
// @namespace     http://lachnlone.no-ip.info/greasemonkey
// @description	  Adds several features to Flickr's batch operations
// @include       http://www.flickr.com/photos_batch_operations.gne*
// @include       http://flickr.com/photos_batch_operations.gne*
// ==/UserScript==

/*
	Flickr Batch Operations Enhancer v0.4.2
	(c) 2005 Lachie
	http://lachblog.blogspot.com/
	http://www.flickr.com/photos/lachie/

	Credits
	http://livehttpheaders.mozdev.org/                  - invaluable for sniffing the POSTs
	http://persistent.info/greasemonkey/gmail.user.js   - nicked a bit from this script
	http://brevity.org/greasemonkey/                    - Neil Kandalgaonkar for the Flickr API bits, and beautiful clean example code (Lickr)
*/



(function() {

	 //------------------------------------------------------------------------
	 // constants
	 // http status constants
	 var OK = 200

	 // xmlhttprequest readystate
	 var COMPLETE = 4

	// to get multi group editing, put your email and password in here
	 var USER_EMAIL    = 'your@email'
	 var USER_PASSWORD = 'yourpassword'


	 var API_KEY = '3a25e3658df8e1964a65c898feeb2faf';
	 var DEBUG = true;

	 var MAX_PICS_TO_GROUP = 2;


	// nicked from http://persistent.info/greasemonkey/gmail.user.js
	function getObjectMethodClosure(object, method) {
		return function() {
			return object[method](); 
		}
	}

	function getObjectMethodClosure1(object, method) {
		return function(arg) {
			return object[method](arg); 
		}
	}
	function getObjectMethodClosure2(object, method) {
		return function(arg,arg2) {
			return object[method](arg,arg2); 
		}
	}


	// Shorthand
	var newNode = getObjectMethodClosure1(document, "createElement");
	var newText = getObjectMethodClosure1(document, "createTextNode");
	var getNode = getObjectMethodClosure1(document, "getElementById");
	var getTags = getObjectMethodClosure1(document, "getElementsByTagName");


	// display status
	function update_status() {
		this.status_span.innerHTML = "";

		if( this.status['sent'] > 0 ) {
			this.status_span.innerHTML += "sent: " + this.status['sent'] + " ";
		}
		if( this.status['failed'] > 0 ) {
			this.status_span.innerHTML += "failed: " + this.status['failed'] + " ";
		}
	}

	/*
	function do_post( cb_method, url, referer, data ) {
		var req = new GM_XMLHttpRequest();

		var object = this;
		req.onreadystatechange = function() { object[cb_method](req) };
		req.open('POST', url );
		req.setRequestHeader( 'Referer', referer );
		req.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded' );
		req.send( data );
	}
	*/


	function do_post( cb_method, url, referer, data ) {
		var object = this;

		GM_xmlhttpRequest({
			method  : "POST"  ,
			url     : url     ,
			data    : data    ,
			onload  : function() { object[cb_method](req) },
			headers : {
				'Referer'      : referer,
				'Content-Type' : 'application/x-www-form-urlencoded'
			}
		});
	}

	function do_get( object, cb_method, url, referer ) {
		var object = this;

		GM_xmlhttpRequest({
			method  : "POST"  ,
			url     : url     ,
			onload  : function(d) { object[cb_method](d) },
			headers : {
				'Referer'      : referer,
			}
		});

	}


	// lifted from lickr.js - with mods

	function xpath_single_node(context_node, xpath) {
		return  document.evaluate( 
				xpath,                              
				context_node, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null
				).singleNodeValue;
	}



	// flickr api 

	function do_req( method, proc_request, url, referer, data ) {
		var headers = new Object();
		var details = {
			method    : method,
			onload    : function(d) { proc_request(d) },
			url       : url,
			header    : headers
		};

		if (referer != null)
			headers['Referer'] = referer;

		if (data != null) {
			headers['Content-Type'] = 'application/x-www-form-urlencoded';
			details['data']         = data;
		}

		GM_xmlhttpRequest( details );
	}

	/*
	function do_req( method, proc_request, url, referer, data ) {
		var req = new XMLHttpRequest();
		req.onreadystatechange = function() { proc_request(req) };
		req.open(method, url );

		if (referer != null) {
			req.setRequestHeader( 'Referer', referer );
		}

		if (data != null) {
			req.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded' );
			req.send( data );
		} else {
			req.send('');
		}

	}
	*/



	function procException(msg, req) {
		this.msg = msg
			this.req = req
	}


	// a proc just spins around waiting for the thing to succeed or fail
	// then calls a callback, if we got 200 OK message.
	function make_proc(op_name, ok_cb, fail_cb) {

		return function(req) { 

			try {
				// init progress
				document.body.style.cursor = 'progress';

				if (req.readyState != COMPLETE) {
					return;
				}

				// if (alert_response) { alert(req.responseText); }

				if( req.status != OK ) {
					throw new procException( op_name + " request status was '" + req.status + "'", req )
				}

				ok_cb(req);

			} catch(e) {

				// clean up progress
				document.body.style.cursor = 'default';


				if (e instanceof procException) {
					if( fail_cb != null )
						fail_cb( e );
					else {
						alert( e.msg );
						if (DEBUG) {
							alert(e.req.responseText);
						}
					}
				} else {
					throw(e);
				}
			}

			// clean up progress

			document.body.style.cursor = 'default';
		}
	}


	// this is wraps the spinning proc like above,
	// except it parses the flickr api response a little before deciding all is well,
	// and passing control to the all-is-well callback
	function make_flickr_api_proc(op_name, ok_cb, fail_cb) {

		function parse_and_ok_cb(req) {
			var parser = new DOMParser();
			var doc = parser.parseFromString( req.responseText, 'text/xml' );
			var rsp = doc.getElementsByTagName('rsp').item(0);

			// var rsp = req.responseXML.getElementsByTagName('rsp').item(0);

			if (rsp == null) {
				throw new procException( "Could not understand Flickr's response.", req );
			}

			var stat = rsp.getAttribute("stat");
			if (stat == null) {
				throw new procException( "Could not find status of Flickr request", req);
			}

			if (stat != 'ok') {
				if (stat == 'fail') {
					var err_node = rsp.getElementsByTagName('err').item(0);
					var err_msg = err_node.getAttribute("msg");
					throw new procException( err_msg, req );
				} else {
					throw new procException("Unknown error status: '" + stat + "'", req)
				}
			}

			ok_cb(req, rsp);
		}

		return make_proc(op_name, parse_and_ok_cb, fail_cb);
	}


	// construct a flickr api request, with method and args, 
	// if that worked, call callback with request object.
	function flickr_api_call( method, args, ok_cb, fail_cb ) {

		var url = 'http://www.flickr.com/services/rest/?api_key=' + API_KEY;
		url += '&method=' + encodeURIComponent(method);

		for (var key in args) {
			url += '&' + encodeURIComponent(key) + '=' + encodeURIComponent(args[key])
		}

		var proc = make_flickr_api_proc( method, ok_cb, fail_cb )

		var http_method = args['http_method']
		http_method = ( http_method ? http_method : 'GET' )
		delete args['http_method']

		do_req(http_method, proc, url, null, null)
	}

	// end of section lifted from lickr.js
	// -----------------------------------------------


	function inject_css( css ) {
		var style_el = xpath_single_node( document, '//head[1]/style[1]' );
		if( ! style_el ) {
			var style_el = newNode( 'style' );
			style_el.setAttribute("type", 'text/css');
			style_el.innerHTML = '';

			xpath_single_node( document, '//head[1]' ).appendChild( style_el );
		}

		style_el.innerHTML += css;
	}


	// make an anchor
	function mk_a(text,fn) {
		var a = newNode('a');
		a.setAttribute('href','#');
		a.onclick = fn
		a.appendChild( newText(text) );

		return a;
	}
	
	function link(text,href) {
		var a = newNode('a');
		a.setAttribute('href',href);
		a.appendChild( newText(text) );

		return a;
	}


	// Date utils
	function split_to_int( sep, str ) {
		var bits = str.split(sep);
		for( var i=0; i<bits.length; i++ ) {
			bits[i] = parseInt(bits[i]);
		}
		return bits;
	}

	// parses and validates the date from a date and a time string
	function get_date( date_str, time_str ) {
		var dt;

		try {
			var date_bits = split_to_int( '/', date_str );
			var time_bits = split_to_int( ':', time_str );

			dt = new Date();

			dt.setYear(  date_bits[2] );
			dt.setMonth( date_bits[0]-1 );
			dt.setDate( date_bits[1] );

			dt.setHours( time_bits[0] );
			dt.setMinutes( time_bits[1] );
			dt.setSeconds( time_bits[2] );

			if(  date_bits[0] != dt.getMonth()+1 
				|| date_bits[1] != dt.getDate()
				|| date_bits[2] != dt.getFullYear()
			) throw new Error("couldn't parse date");

			if(  time_bits[0] != dt.getHours() 
				|| time_bits[1] != dt.getMinutes()
				|| time_bits[2] != dt.getSeconds()
			) throw new Error("couldn't parse time");

		} catch(e) {
			alert("your date is whack: " + e.message );
			return null;
		}

		return dt;
	}

	// zero pads a number, up to 2 digits
	function pad02d(num) {
		return ( num < 10 ? '0' + num : num );
	}


	// Options
	function init_option() {
		this.div = newNode('div');

		this.div.setAttribute('class','OneOption');

		if( this.header )
			this.div.innerHTML = "<h4>" + this.header + "</h4><br>";


		var para = newNode('p');

		if( this.setup_op ) this.setup_op(para);

		this.div.appendChild( para );

		return this.div;
	}

	// Date option object

	function DateOp() {

		this.status         = { sent: 0, failed: 0 };
		this.header         = 'Change uploaded date on <i>selected</i> photos';

		this.update_status  = update_status;
		this.do_post        = do_post;
		this.mk_op          = init_option;

		// callback for the date POST
		this.proc_date_request = function(req) {
			if (req.readyState != 4) return;

			this.status['sent']--;
			if( req.status != 200 ) {
				// XXX: The date you have chosen is in the future
				this.status['failed']++;
			}

			this.update_status();
		}


		// set the date posted for all the selected photos
		this.change_dates = function() {

			this.status['sent']   = 0;
			this.status['failed'] = 0;

			var date_box = getNode('gmfbe_date').value;
			var time_box = getNode('gmfbe_time').value;

			var date = get_date( date_box, time_box );
			if( ! date ) return;

			var post_date = (date.getMonth()+1) + '/' + date.getDate() + '/' + date.getFullYear();
			var post_time = pad02d( date.getHours() ) + ':' + pad02d( date.getMinutes() ) + ':' + pad02d( date.getSeconds() );
			var post_date_e = escape( post_date );
			var post_time_e = escape( post_time );


			var sel_ids = get_selected_ids();

			for( var j in sel_ids ) {
				var id = sel_ids[j];
				if( id == '0' || ! id ) continue;

				var post_data = 'done=1&id=' + id + '&date=' + post_date_e + '&time=' + post_time_e;

				this.do_post( 'proc_date_request', 
						'http://www.flickr.com/photo_date_posted.gne', 
						'http://www.flickr.com/photo_date_posted.gne?id=' + id,
						post_data
						);

				this.status['sent']++;
			}

			this.update_status();
			return false;
		}


		this.setup_op = function(date_div) {


			var now = new Date();
			var now_date = (now.getMonth()+1) + '/' + now.getDate() + '/' + now.getFullYear();
			var now_time = pad02d(now.getHours()) + ':' + pad02d(now.getMinutes()) + ':' + pad02d(now.getSeconds());

			date_div.innerHTML += "<input id='gmfbe_date' value='" + now_date + "'  size='11'> at <input id='gmfbe_time' value='"+ now_time +"' size='6'><br/>"

			var change_dates_button = mk_a('change date', getObjectMethodClosure(this,'change_dates') );
			date_div.appendChild( change_dates_button );

			date_div.appendChild( newNode('br') );

			this.status_span = newNode('span');
			date_div.appendChild( this.status_span );

		}

	} // DateOption


	function LicenseOp() {

		this.status         = new Object();
		this.update_status  = update_status;
		this.do_post        = do_post;
		this.mk_op          = init_option;
		this.header         = "Change license on <i>selected</i> photos";

		
		// callback for the license POST
		this.proc_license_request = function(req) {
			if (req.readyState != 4) return;

			this.status['sent']--;
			if( req.status != 200 )
				this.status['failed']++;

			this.update_status();
		}

		// set the license for all selected photos
		this.set_license = function() {
			this.status.failed = 0;
			this.status.sent   = 0;

			var opts = this.select.options;
			var license_id = opts[opts.selectedIndex].value;

			var sel_ids = get_selected_ids();

			for( var j in sel_ids ) {
				var id = sel_ids[j];
				if( ! id ) continue;

				var post_data = 'done=1&id=' + id + '&license=' + license_id + '&Submit=SAVE+LICENSE';


				// id=6996151&done=1&context=set-174385&license=1&Submit=SAVE+LICENSE

				this.do_post( 'proc_license_request',
						'http://www.flickr.com/photo_license.gne', 
						'http://www.flickr.com/photo_license.gne?id=' + id,
						post_data
						);

				this.status['sent']++;
			}

			this.update_status();

			return false;
		}

		this.licenses = new Array(
				'None (All rights reserved)',
				'Attribution-NonCommercial-ShareAlike License',
				'Attribution-NonCommercial License',
				'Attribution-NonCommercial-NoDerivs License',
				'Attribution License',
				'Attribution-ShareAlike License',
				'Attribution-NoDerivs License'
				);

		// poplulate the select
		this.mk_license_options = function(sel) {
			for( var i=0; i<this.licenses.length; i++ ) {
				var opt = newNode('option');
				opt.setAttribute('value',i);
				opt.appendChild( newText(this.licenses[i]) );
				sel.appendChild( opt );
			}
		}



		this.setup_op = function(license_div) {

			this.select = newNode('select');
			this.mk_license_options( this.select );

			license_div.appendChild( this.select );

			var set_lic_but        = mk_a( "set license",getObjectMethodClosure( this, 'set_license' ) );
			license_div.appendChild(set_lic_but);

			license_div.appendChild( newNode("br") );

			this.status_span = newNode('span');
			license_div.appendChild( this.status_span );

		}

	} // end of LicenseOption


	// Add selected photos to Set or Group
	function SetOp() {

		this.header  = "Add <i>selected</i> photos to set";
		this.api     = true;
		this.mk_op   = init_option;


		// the list of sets has loaded
		this.set_list_loaded = function(req, rsp) {
			var opts = this.select.options;
			var collection = document.evaluate( "//photoset", rsp, null, XPathResult.ANY_TYPE, null );

			var set = collection.iterateNext();

			while( set ) {
				var s       = new Object();

				s.title     = set.getElementsByTagName('title')[0].childNodes[0].nodeValue;
				s.node      = set;

				var opt = new Option( s.title, null );
				opt.gmfbe_set = s;
				opts[ opts.length ] = opt;

				set = collection.iterateNext();
			}
		}


		// the existing photos for the set have been loaded
		this.set_photos_loaded = function(req,rsp) {
			var set        = this.selected_set;

			if( ! set )
				throw new Error("selected_set not set");

			var collection = document.evaluate( "//photo", rsp, null, XPathResult.ANY_TYPE, null );
			var photo_ids  = new Array();

			var photo = collection.iterateNext();
			while( photo ) {
				photo_ids.push( photo.getAttribute('id') );
				photo = collection.iterateNext();
			}

			var set_id            = set.node.getAttribute('id');
			var primary_photo_id  = set.node.getAttribute('primary');
			var photo_ids_string  = photo_ids.join(",") + "," + this.selected_ids.join(",");

			flickr_api_call( "flickr.photosets.editPhotos", 
				{ photoset_id: set_id, primary_photo_id: primary_photo_id, photo_ids: photo_ids_string,
					 email: USER_EMAIL, password: USER_PASSWORD, http_method: 'POST' },
				getObjectMethodClosure2( this, 'set_photos_done' ) );
		}


		// the new photo list has been saved
		this.set_photos_done = function(req,rsp) {
			// all done
		}


		// "button" event, kicks off the update
		this.update_set = function() {
			var set = this.selected_set = this.select.options[ this.select.options.selectedIndex ].gmfbe_set;
			
			this.selected_ids = get_selected_ids();

			if( ! this.selected_ids.length ) {
				alert("no photos selected");
				return;
			}

			var set_id            = set.node.getAttribute('id');

			flickr_api_call( "flickr.photosets.getPhotos", { photoset_id: set_id }, getObjectMethodClosure2( this, 'set_photos_loaded' ) );
			
			return false;
		}


		// create the interface
		this.setup_op = function(div) {

			var sel = this.select = newNode('select');
			div.appendChild( sel );

			div.appendChild( newNode('br') );

			div.appendChild( mk_a( 'update set', getObjectMethodClosure(this,'update_set') ) );

			flickr_api_call( "flickr.photosets.getList", {}, getObjectMethodClosure2( this, 'set_list_loaded' ) );

			return div;
		}

	} // end of SetOption




	// Add selected photos to group
	function GroupOp() {

		this.status         = new Object();
		this.update_status  = update_status;
		this.api            = true;
		this.mk_op          = init_option;

		this.header = "Add <i>selected</i> photos to group";


		this.group_list_loaded = function(req,rsp) {
			var opts = this.select.options;
			var collection = document.evaluate( "//group", rsp, null, XPathResult.ANY_TYPE, null );

			var group = collection.iterateNext();

			while( group ) {

				var name     = group.getAttribute("name");
				var id       = group.getAttribute("id");

				var opt = new Option( name, id );
				opts[ opts.length ] = opt;

				group = collection.iterateNext();
			}
		}



		this.update_groups = function() {
			this.status["sent"]   = 0;
			this.status["failed"] = 0;

			var opts = this.select.options;
			var group_id = opts[ opts.selectedIndex ].value;

			var ids = get_selected_ids();

			if( ids.length > MAX_PICS_TO_GROUP 
				 && ! confirm("It is probably bad form to post more than " + MAX_PICS_TO_GROUP 
							+ " photos to a public group\nIf its a private group or you don't care, click OK. Otherwise click Cancel"
							+ "\n\nPlease - keep our Flickr beautiful!" ) 
				) return false;

			for( i in ids ) {
				flickr_api_call( "flickr.groups.pools.add", 
					{ group_id: group_id, photo_id: ids[i], email: USER_EMAIL, password: USER_PASSWORD, http_method: 'POST' }, 
					getObjectMethodClosure2( this, 'group_add_done'   ),
					getObjectMethodClosure2( this, 'group_add_failed' )
				);

				this.status["sent"]++;
			}

			this.update_status();

			return false;
		}


		this.group_add_done = function(req,rsp) {
			this.status["sent"]--;
			this.update_status();
		}
		this.group_add_failed = function(e) {
			this.status["sent"]--;
			this.status["failed"]++;
			this.update_status();
		}


		// create the interface
		this.setup_op = function(div) {

			this.select = newNode("select");

			div.appendChild( this.select );
			div.appendChild( newNode('br') );
			div.appendChild( mk_a( "update groups", getObjectMethodClosure( this, 'update_groups' ) ) );

			div.appendChild( newNode('br') );

			this.status_span = newNode('span');
			div.appendChild( this.status_span );

			flickr_api_call( "flickr.groups.pools.getGroups", { email: USER_EMAIL, password: USER_PASSWORD }, getObjectMethodClosure2( this, 'group_list_loaded' ) );


			return div;
		}
	} // end GroupOption



	// Extended Permissions Operation
	function PermOp() {

		this.api            = true;
		this.mk_op          = init_option;
		this.header         = "Set permissions on <i>selected</i> photos";
		this.status         = new Object();
		this.update_status  = update_status;

		// <perms id="2733" ispublic="1" isfriend="1" isfamily="0" permcomment="0" permaddmeta="1" />

		this.save = function() {

			var ids = get_selected_ids();

			if( ids.length < 1 ) {
				alert("no photos selected");
				return;
			}

			this.status.sent   = 0;
			this.status.failed = 0;

			for( var i in ids ) {
				flickr_api_call( "flickr.photos.getPerms", { photo_id: ids[i] },
					getObjectMethodClosure2( this, 'photo_loaded' ),
					getObjectMethodClosure2( this, 'photo_failed' )
				);

				this.status.sent++;
			}

			this.update_status();

			return false;
		}

		this.photo_loaded = function(req,rsp) {
			this.status.sent--;
			var perms  = xpath_single_node(rsp, "//perms[1]");

			var args   = {
				photo_id      : perms.getAttribute('id'),
				is_public     : perms.getAttribute('ispublic'),
				is_friend     : perms.getAttribute('isfriend'),
				is_family     : perms.getAttribute('isfamily'),
				perm_comment  : perms.getAttribute('permcomment'),
				perm_addmeta  : perms.getAttribute('permaddmeta')
			};


			var comment = this.selected_index( "perm_comment", this.who_comment.length );
			var addmeta = this.selected_index( "perm_addmeta", this.who_addmeta.length );


			if( comment > -1 )
				args['perm_comment'] = comment;
			if( addmeta > -1 )
				args['perm_addmeta'] = addmeta;

				// alert( "saving: " + args['perm_comment'] + ", " + args['perm_addmeta'] );


			flickr_api_call( "flickr.photos.setPerms", args,
				getObjectMethodClosure2( this, 'photo_saved' ),
				getObjectMethodClosure2( this, 'photo_failed' )
			);

			this.update_status();

		}

		this.photo_saved = function(req,rsp) {
			this.status.sent--;
			this.update_status();
		}

		this.photo_failed = function(e) {
			alert("fail: " + e.msg);
			this.status.failed++;
			this.status.sent--;
			this.update_status();
		}

		this.selected_index = function( prefix, length ) {
			for( var i=0; i<length; i++ ) {
				var box = getNode( prefix + i );
				if( box.checked == true ) return i;
			}
			return -1;
		}

		this.who_comment = new Array(
			"Only You",
			"Your Friends and/or Family",
			"Your Contacts",
			"Any Flickr User (Recommended)"
		);
		this.who_addmeta = new Array(
			"Only You",
			"Your Friends and/or Family",
			"Your Contacts (Recommended)",
			"Any Flickr User"
		);

		this.setup_who = function( who, title, prefix ) {
			var div = newNode('div');

			var str = "";

			for( var i in who ) {
				str += "<input type='radio' name='" + prefix + "' id='" + prefix + i + "' value='" + i + "'> <label for='" + prefix + i + "'>" 
				    +   who[i] + "</label><br/>";
			}

			div.innerHTML += "<b>" + title + "</b><br/>" + str;


			return div;
		}

		this.setup_op = function(div) {

			div.appendChild( this.setup_who( this.who_comment, 'Who can comment?'              , 'perm_comment' ) );
			div.appendChild( this.setup_who( this.who_addmeta, 'Who can add notes &amp; tags?' , 'perm_addmeta' ) );

			div.appendChild( newNode('br') );

			div.appendChild( mk_a('Save', getObjectMethodClosure(this,'save') ) );

			div.appendChild( newNode('br') );

			this.status_span = newNode('span');
			div.appendChild( this.status_span );
		}

	}

	function get_selected_ids() {
		var sel_ids = new Array();

		for(var i=0; i<ids.length; i++){
			if ( ! ids[i] ) continue;
			if( getNode('check_'+ids[i]).checked )
				sel_ids.push( ids[i] );
		}

		return sel_ids;
	}


/*
	function PicTools() {

		this.body     = xpath_single_node(document,"//body[1]");
		this.p_lookup = new Object();
		
		
		// this.imageLoaded = function( req,rsp ) 
		this.imageLoaded = function( req,rsp ) {
			var photo = xpath_single_node( rsp, '//photo[1]' );
			
			var id    = photo.getAttribute('id');
			var p     = this.p_lookup[ id ];

			p.secret  = photo.getAttribute('secret');
			p.server  = photo.getAttribute('server');

			p.title   = xpath_single_node( photo, './title[1]/text()').nodeValue;

			var vis   = xpath_single_node( photo, './visibility[1]');

			p.ispublic  = vis.getAttribute('ispublic');
			p.isfriend  = vis.getAttribute('isfriend');
			p.isfamily  = vis.getAttribute('isfamily');
			
			var perm  = xpath_single_node( photo, './permissions[1]');
			if( perm ) {
				p.permcomment  = perm.getAttribute('permcomment');
				p.permaddmeta  = perm.getAttribute('permaddmeta');
			}

			var tags_coll = document.evaluate( "./tags/tag/text()", photo, null, XPathResult.ANY_TYPE, null );
			var tag = tags_coll.iterateNext();
			p.tags = new Array();

			while( tag ) {
				p.tags.push( tag.nodeValue );
				tag = tags_coll.iterateNext();
			}

			this.setupPhoto( p );
		}

		this.get_div_for_id = function( id, extra ) {
			var path = '//div[@id="photo_'+ id +'"][1]';

			if( extra ) {
				path += "/" + extra;
			}

			return xpath_single_node( document , path );
		}

		this.setupPhoto = function( p ) {
			var div = this.get_div_for_id( p.id );

			str = "<div class='gmbe_photo_hide'><b class='gmbe_title'>" + p.title + "</b></div>" 
				+ div.innerHTML 
				+ "<div class='gmbe_photo_hide'>";

			// public
			str += "<img border='0' style='border: 0;' src='http://www.flickr.com/images/";

			if( p.ispublic )
				str += 'icon_public.gif\'>';
			else {
				str += 'icon_private.gif';
				str += ' | ' + ( p.isfriend ? 'friend' : '' );
				str += ' | ' + ( p.isfamily ? 'family' : '' );
			}

			str += " <a href='#' class='show_big'>view</a>";

			str += "<br/>tags: ";

			str += p.tags.join(" ");
				
			str +=	"</div>";

			div.innerHTML = str;

			var link = this.get_div_for_id( p.id, '*    /a[@class="show_big"][1]' );
			link.onclick = getObjectMethodClosure1(this,'show_big');
			link.setAttribute('photo_id', p.id);
		}



		this.show_big = function(e) {
			var id   = e.target.getAttribute('photo_id');
			
			var p    = this.p_lookup[id];

			window.open( this.photo_link(p) );

			/ *
			var img  = xpath_single_node( document, '//img[@class="batch_img_' + id + '"]' );
			img.setAttribute('src', this.photo_link( p ));
			* /
		}


		this.photo_link = function( p ) {
			return "http://photos" + p.server + ".flickr.com/" + p.id + "_" + p.secret + ".jpg";
		}



		this.photoMouseOver = function( e ) {
			this.curr_div_photo = e.target;
			this.flipPhoto( e.target, 'hide', 'show' );
		}
		this.photoMouseOut = function( e ) {

			// thanks quirksmode
			var tg = e.target;
			if (tg.nodeName != 'DIV') return;
			var reltg = e.relatedTarget;

			while (reltg != tg && reltg.nodeName != 'BODY')
				reltg = reltg.parentNode;

			if (reltg == tg) return;

			/ *
			if( e.target != this.curr_div_photo ) {
				this.flipPhoto( this.curr_div_photo, 'hide', 'show' );
			}
			* /

			this.flipPhoto( e.target, 'show', 'hide' );
		}

		this.flipPhoto     = function( el, which, which_not ) {
			var collection = document.evaluate( "./div[@class='gmbe_photo_"+ which +"']", el, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null );
			var col_len = collection.snapshotLength;
			for( var i=0; i<col_len; i++ ) {
				var div = collection.snapshotItem(i);
				div.setAttribute('class','gmbe_photo_'+which_not);
			}
		}

		try {
			inject_css( ".gmbe_image_box { border: thin solid #555; background: #eee; margin: 2px 2px; padding: 10px; float: left; max-width: 75px }\n"
				+ ".gmbe_title { font-size: xx-small }\n" 
				+ ".gmbe_photo_hide { display: none ; font-size: xx-small; }\n"
				+ ".gmbe_photo_show { display: block; font-size: xx-small; }\n"
			);

			// http://photos5.flickr.com/4896742_d4d217c510_s.jpg
			var re   = new RegExp("((\\d+)_([a-fA-f\\d]+))(?:_[smob]|)\.jpg$");
			// var re   = new RegExp("(http://photos(\\d+)\\.flickr\\.com/(\\d+)_([a-fA-f\\d]+))(?:_[smob]|)\.jpg");

			var collection = document.evaluate( "//img[@height='75']", document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null );


			var list_length = collection.snapshotLength;
			for( var ci=0; ci<list_length; ci++ ) {	
				var img = collection.snapshotItem( ci );


				var results = img.src.match( re );
				var i       = new Object();

				i.base_url = results[1];
				i.id       = results[2];

				this.p_lookup[i.id] = i;


				img.removeAttribute('height');
				img.removeAttribute('width');
				img.setAttribute('class','batch_img_'+i.id);

				var new_div  = newNode('div');
				new_div.setAttribute( 'class', 'gmbe_image_box'  );
				new_div.setAttribute( 'id'   , 'photo_' + i.id   );
				new_div.addEventListener( 'mouseover', getObjectMethodClosure1(this,'photoMouseOver'), true );
				new_div.addEventListener( 'mouseout' , getObjectMethodClosure1(this,'photoMouseOut' ), true );

				//new_div.onmouseout   = getObjectMethodClosure1(this,'photoMouseOut');


				var parent   = img.parentNode;
				var parent2  = parent.parentNode;

				new_div.innerHTML = "<div>" + parent.innerHTML + "</div>";

				parent2.removeChild( parent );
				parent2.appendChild( new_div );



				flickr_api_call( 'flickr.photos.getInfo', { photo_id: i.id }, getObjectMethodClosure2(this,'imageLoaded') );
			}

		} catch( e ) {
			alert("couldn't add images " + e.message);
		}
		
	} // end PicTools
*/


	function Selection() { }

	 //selection functions


	function fill_selection() {

		var filling = false;
		var first;
		var last;

		for( var i in ids ) {
			if( ! ids[i] ) continue;
			var check   = getNode('check_'+ids[i]);
			if( ! check.checked ) continue;

			if( ! first ) 
				first = check;
			last = check;
		}

		for( var i in ids ) {
			if( ! ids[i] ) continue;
			var check = getNode('check_'+ids[i]);

			if( check == first ) filling = true;

			if( filling  ) check.checked = true;

			if( check == last  ) filling = false;
		}
	}

	function invert_selection() {
		for( var i in ids ) {
			if( ! ids[i] ) continue;
			var check   = getNode('check_'+ids[i]);

			     if( ! check.checked )  check.checked = true;
			else if(   check.checked )  check.checked = false;

		}
	}


	function click_reload_batch_set() {
		var sel_ids = get_selected_ids();
		window.location = 'http://www.flickr.com/photos_batch_operations.gne?ids=' + sel_ids.join(',');
	}

	function mk_selection_div() {
		var sel_extra = newNode('div');

		var fill_button = mk_a('fill selection', fill_selection);
		sel_extra.appendChild( fill_button );

		sel_extra.appendChild( newText(" | ") );

		var invert_sel_button = mk_a('invert selection', invert_selection);
		sel_extra.appendChild( invert_sel_button );

		sel_extra.appendChild( newText(" | reload batch with ") );

		var reload_batch_sel = mk_a('selection', click_reload_batch_set );
		sel_extra.appendChild( reload_batch_sel );

		/*
			 sel_extra.appendChild( newText(" | ") );

			 var reload_batch_set = mk_a('set', click_reload_batch_set );
			 sel_extra.appendChild( reload_batch_set );
		 */
		return sel_extra;
	}


	// set it all up

	var sel_extra = mk_selection_div();

	// find the attachment spot for selection
	var sel_all = getNode('selectall');
	sel_all.parentNode.insertBefore( sel_extra, sel_all.nextSibling );

	var last_div;

	// find the attachement spot for batch options
	/*
	last_div = 
	xpath_single_node(document, "//td[@class='photoswftd'][1]");
	*/

	var divs = getTags('div');
	for( var i=0; i<divs.length; i++ ) {
		if( divs[i].getAttribute('class') == 'OneOption' ) last_div = divs[i];
	}

	var op_container = newNode('div');

	last_div.parentNode.appendChild(op_container);


	var op_cnt_closed = newNode('div');
	op_cnt_closed.appendChild( mk_a( '[ + show enhancements ]', function () {
		op_cnt_closed.style.display  = 'none';
		op_cnt_open.style.display    = 'block';
		return false;
	} ) );

	var op_cnt_open = newNode('div');
	op_cnt_open.appendChild( mk_a( '[ - hide enhancements ]', function () {
		op_cnt_open.style.display    = 'none';
		op_cnt_closed.style.display  = 'block';
		return false;
	} ) );

	op_cnt_open.style.display = 'none';

	op_container.appendChild(op_cnt_closed);
	op_container.appendChild(op_cnt_open);


	// var pic_tools = new PicTools();


	// Add the classes which provide extra operations on the RHS

	var ops = [
		DateOp,
		LicenseOp,
		PermOp
	];

	if( USER_EMAIL != 'your@email' ) {
		ops.push( GroupOp )
		ops.push( SetOp )
	}



	for( var j=0; j<ops.length; j++ ) {
		var option  = new ops[j]();
		var new_div = option.mk_op();

		if( ! new_div ) continue;
		op_cnt_open.appendChild( new_div );
	}



})();

// vim: se ft=javascript: