/* benjymous, July 2007 */

function photothing()
{

  	 var list = $$('#imagebadge div');
  	 list.each(function(element) {

  	 var fx = new Fx.Styles(element, {duration:100, wait:false});

        element.addEvent('mouseenter', function(){
                var left = (element.getStyle("left").toInt());
                var top = (element.getStyle("top").toInt());
                var margin_left = -(left/2) + ((left-64)/5);
                var margin_top = -(top/2) + ((top-64)/5);

                element.setStyle('z-index',100);

                fx.start({
                        'width': 128,
                        'padding': 0,
                        'margin-left': margin_left,
                        'margin-top': margin_top
                });
        });

        element.addEvent('mouseleave', function(){
                element.setStyle('z-index',0);

                fx.start({
                        'width': 64,
                        'padding': 0,
                        'margin-left': 0,
                        'margin-top': 0
                });
        });

	});

}

function photothing_initbuttons()
{
       $('photothing_random').addEvent('click', function(e) {
       	e = new Event(e).stop();
              var random = Math.random();
              var request = "random=1&seed=" + random;
       	photothing_refresh('random=1'); 
	});

	$('photothing_recent').addEvent('click', function(e) {
  		e = new Event(e).stop();
  		photothing_refresh('');
	});
}

function photothing_refresh( args )
{    
        var url = "/cgi-bin/newphotos.cgi?ajax=1&" + args;
        var log = $('photothing_ajax').empty().addClass('ajax-loading');

	/**
	 * The simple way for an Ajax request, use onRequest/onComplete/onFailure
	 * to do add your own Ajax depended code.
	 */
	new Ajax(url, {
		method: 'get',
		update: log,
                evalScripts: true,
                onComplete: function() {
			log.removeClass('ajax-loading');
		}
	}).request();

}

if( $$('#imagebadge div') )
{
	Window.addEvent('domready', photothing);
	Window.addEvent('domready', photothing_initbuttons);
}