var myGridUpdater;
var edit = false; 
var rules;




Event.observe(document,'keypress',function(event){if(event.keyCode == Event.KEY_ESC) abbruchEdit();});


Event.observe(window, 'load', function () {
 	rules = {
 		'#leiste img' : function(el) {
 			el.style.cursor='pointer';
 			el.onmouseover = function() {
 				el.style.border='1px solid silver';
 			},
 			el.onmouseout = function() {
 				el.style.border='1px solid white';
 			},

 			el.onclick = function() {
 					var id = el.id.split('.');
 					$$('#leiste img').each(function(e) {
 						$$('#txt div').each(function(t) {t.style.display='none'});
 						});
 					var maske = /(.*?)\.png/;
					var elems = maske.exec(el.src);
					Element.setOpacity($('big'),0.1);
					$('big').src = elems[1] + '.' + 'jpg';
					Effect.Appear($('x.'+id[1]));
					Effect.Appear($('big'));
					
 				
 			
 			}
 		
 		},
 		'#txt div' : function(el) {
 			Element.hide(el);
 		},
 		'#x.6' : function(el) {
 			Effect.Appear(el);
 		}

	};
 	Behaviour.register(rules);
    Behaviour.apply(rules);
});


