(function(){
	
	var Dom = YAHOO.util.Dom,
	    Event = YAHOO.util.Event;

	var selected = Array();

	function clickThumbnail(e) {
		
		var id = this.id.split("_")[1];
		
		var callback = {
			
			success : function(o) {
				
				alert(Dom.get('image_' + id));
				
				selected[id].innerHTML = o.responseText;
				
			}, // end success
			
			failure : function(o) {

				alert(o.responseText);
				
			} // end success

		} // end callback
		
		var request = YAHOO.util.Connect.asyncRequest('GET', '/accommodation/image/id/' + id, callback);

	} // end clickThumbnail(e)

	function init() {
		
		var galleries = Dom.getElementsByClassName('photographs', 'div');
		
		for(g=0;g<galleries.length;g++) {
			
			var id = galleries[g].id.split("_")[1];
			
			selected[id] = Dom.getElementsByClassName('selected', 'p', galleries[g]);

			if (selected[id]) {
				
				var thumbnails = Dom.getElementsByClassName('thumbnail', 'li', galleries[g]);
				
				if (thumbnails) {
				
					Event.addListener(thumbnails, "click", clickThumbnail );

					Event.addListener(thumbnails, "mouseover", function() { Dom.setStyle(this, 'border-color', '#c10000'); });

					Event.addListener(thumbnails, "mouseout", function() { Dom.setStyle(this, 'border-color', '#ffffff'); });

				} // end if
				
			}
			
		}
		
	} // end init()

	Event.onDOMReady(init);
	
})();