// JavaScript Document

window.addEvent('domready', function() {
		
	$$('.button').addEvent('click', function(e) {
		
		var urli = e.target.id + '.html';
		//We can use one Request object many times.
		var req = new Request.HTML({url:urli, 
			onSuccess: function(html) {
				//Clear the text currently inside the results div.
				$('inhalt').set('text', '');
				//Inject the new DOM elements into the results div.
				$('inhalt').adopt(html);
				
				var inhalt_tl = new Element('img', {src: 'bilder/edges/inhalt_lo.png', 'class': 'ol'});
				var inhalt_tr = new Element('img', {src: 'bilder/edges/inhalt_ro.png', 'class': 'or'});
				var inhalt_bl = new Element('img', {src: 'bilder/edges/inhalt_lu.png', 'class': 'ul'});
				var inhalt_br = new Element('img', {src: 'bilder/edges/inhalt_ru.png', 'class': 'ur'});
			  
				window.addEvent('domready', function () {  
				  $('inhalt').adopt([inhalt_tl, inhalt_tr, inhalt_bl, inhalt_br]);
				});  
			},
			//Our request will most likely succeed, but just in case, we'll add an
			//onFailure method which will let the user know what happened.
			onFailure: function() {
				$('inhalt').set('text', 'The request failed.');
			}
		});
		
		req.send();
				
	});

});

// Ecken hinzufügen

var corner_tl = new Element('img', {src: 'bilder/ecke_lo.png', 'class': 'ol'});
var corner_tr = new Element('img', {src: 'bilder/ecke_ro.png', 'class': 'or'});
var corner_bl = new Element('img', {src: 'bilder/ecke_lu.png', 'class': 'ul'});
var corner_br = new Element('img', {src: 'bilder/ecke_ru.png', 'class': 'ur'});

window.addEvent('domready', function () {
  $('rahmen').adopt([corner_tl, corner_tr, corner_bl, corner_br]);
});

// Ecken hinzufügen

var inhalt_tl = new Element('img', {src: 'bilder/edges/inhalt_lo.png', 'class': 'ol'});
var inhalt_tr = new Element('img', {src: 'bilder/edges/inhalt_ro.png', 'class': 'or'});
var inhalt_bl = new Element('img', {src: 'bilder/edges/inhalt_lu.png', 'class': 'ul'});
var inhalt_br = new Element('img', {src: 'bilder/edges/inhalt_ru.png', 'class': 'ur'});

window.addEvent('domready', function () {
  $('inhalt').adopt([inhalt_tl, inhalt_tr, inhalt_bl, inhalt_br]);
});