var data = null;
var url = 'liveData.php';
var params = 'id=0';

Effect.FadeIn = function(element, new_src) {
  return new Effect.Parallel(
   [ new Effect.Opacity(element, { sync: true, to: 1.0, from: 0.0 } ) ], 
     { duration: 2.0, 
		  beforeStart: function(effect)
			 { effect.effects[0].element.setAttribute('src',new_src); },
      afterFinish: function(effect)
       { Element.show(effect.effects[0].element); }
     }
   );
}

function complete(originalRequest,json) {
	eval( 'data = '+originalRequest.responseText );
	var oldLink = $('image_0_0');
	var oldImage = oldLink.getElementsByTagName('img')[0];
	oldLink.setAttribute('href',ibig_pfx+data[0]['big']);
	oldLink.setAttribute('title',data[0]['title']);
	oldImage.setAttribute('alt',data[0]['title']);
	new Effect.FadeIn(oldImage, isml_pfx+data[0]['small']);
}
var Rules = {
	"a.control:click" : function(element, event) {
    $('item').toggle();
    Event.stop(event);
 	},
	"a.control": function(element) {
		Element.hide(element);
	},
  "div.thumbnail img:mouseover" : function(element,event) {
		document.getElementsByClassName('control').each( function(node) {
			if (node.parentNode == element.parentNode.parentNode.parentNode) {
				node.show();
			} else {
				node.hide();
			}
		});
	},
  "a.thumbnail:click" : function(element) {
		Effect.FadeIn(element,element.src);
	}
}
window.onload = function () {
	EventSelectors.start(Rules);
	new Ajax.Request(
		url, {
			method: 'post',
			parameters: params,
			onComplete: complete
		}
	);
}