// John Resig's Event library. 2 functions.
function addEvent( obj, type, fn )
{
	if (obj.addEventListener)
		obj.addEventListener( type, fn, false );
	else if (obj.attachEvent)
	{
		obj["e"+type+fn] = fn;
		obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
		obj.attachEvent( "on"+type, obj[type+fn] );
	}
}

function removeEvent( obj, type, fn )
{
	if (obj.removeEventListener)
		obj.removeEventListener( type, fn, false );
	else if (obj.detachEvent)
	{
		obj.detachEvent( "on"+type, obj[type+fn] );
		obj[type+fn] = null;
		obj["e"+type+fn] = null;
	}
}

addEvent( window, "load", initme);

function initme() {
  if ( $("upload-opener")  ) {
    addEvent( $("upload-opener"), "click",  toggleUploadField );
  }
  
  // Click the image to show the item with given thing's ID + "-controls" (as DOM ID).
	var myObject = new Object();
	myObject.eventHandlerClick = function(event) {
		Effect.toggle(event.target.id + '-controls', "Blind");
	}
	
	// Edit Card image controls show/hide
	if ( $("top-img") )
	  $( "top-img" ).onclick = 		myObject.eventHandlerClick.bindAsEventListener(myObject);
	if ( $( "bg-img" ) )
    $( "bg-img" ).onclick = 		myObject.eventHandlerClick.bindAsEventListener(myObject);  
}

function toggleUploadField() {
	Element.toggle("upload-form-field", "upload-opener");
}

// AJAX reactions for OpenCards app
/**
 * For Edit Card page
*/
function cardUpdateRequestCompleted(request, cardid, imageurl) {
  something_random = parseInt(Math.random() * 10000000);
  $("right-content").innerHTML = '<img src="' + imageurl + cardid + '.png?' + something_random + '"/>'  
}