var siteManager = new Class({
		
		Implements: [Options, Events],
		options: {
	        events_url: 'index.php?site=json/events',
	        news_url: 'index.php?site=json/news',
			newsel: '',
			eventsel: ''
		},
		
		initialize: function(options){
			this.setOptions(options);
			this.refreshNews(2);
			this.refreshEvents(2);
	    },
	    
	    setNews: function(news){
	      news.each(function(message) {
	    	/*var container  = new Element('div', {'class': 'newscontainer'});
	    	var table      = new Element('table', {'border': '0', 'cellspaing':'0', 'cellpadding':'0'}).inject(container);
	    	var row1       = new Element('tr').inject(table);
	    	//var image_cell = new Element('td', {'rowspan':'2', 'height':'55'}).inject(row1);
	    	//var image      = new Element('img', {'src': message.pic, 'width':'48', 'height': '48'}).inject(image_cell);
	    	var title_cell = new Element('td', {'html':'<b>'+message.name+'</b>'}).inject(row1);
	    	var row2       = new Element('tr').inject(table);
	    	var descr_cell = new Element('td', {'html':'<small>'+message.desc+'</small>'}).inject(row2);
	    	
	    	//title_cell.innerHTML = '<b>'+message.name+'</b>';
	    	//descr_cell.innerHTML = '<small>'+message.desc+'</small>';
            */
	    	  
	    	
	    	var container  = new Element('div', {
	    		'class': 'newscontainer',
	    		'html': '<img src="'+message.pic+'" /><div><b>'+message.name+'</b></div><div><small>'+message.desc+'</small></div>'
	    	});
	    	

	    	container.addEvent('mouseenter', function(e){
	    		var fx = new Fx.Morph(container, {duration:200, wait:false});
	            fx.start({
	    		    'opacity': '0.7'
	    	    });	
	    	});
	    	
	    	container.addEvent('mouseleave', function(e){
	    		var fx = new Fx.Morph(container, {duration:200, wait:false});
	            fx.start({
	    		    'opacity': '1.0'
	    	    });	
	    	});
	    	
	    	container.addEvent('click', function(e){
	    		document.location = 'index.php?site=news&nid='+message.id;
	    	});
	    	
	    	container.inject(this.options.newsel);
	    	
	      }.bind(this))
	    },
	    
	    refreshNews: function(count){
	      this.options.newsel.empty();
	      var request = new Request.JSON({ url: this.options.news_url+'&count='+count,
	        onComplete: function(jsonObj){
	          this.setNews(jsonObj);   
	        }.bind(this)
	      }).send();
	    },
	    
	    setEvents: function(events){
		      events.each(function(event) {
		    	/*var container  = new Element('div', {'class': 'eventcontainer'});
		    	var table      = new Element('table', {'border': '0', 'cellspaing':'0', 'cellpadding':'0'}).inject(container);
		    	var row1       = new Element('tr').inject(table);
		    	var image_cell = new Element('td', {'rowspan':'2'}).inject(row1);
		    	var image      = new Element('img', {'src': event.pic, 'width':'48', 'height': '48'}).inject(image_cell);
		    	var title_cell = new Element('td').inject(row1);
		    	var row2       = new Element('tr').inject(table);
		    	var descr_cell = new Element('td').inject(row2);
		    	
		    	title_cell.innerHTML = '<b>'+event.name+'</b>';
		    	descr_cell.innerHTML = '<small>'+event.desc+'</small>';
		    	*/
		    	  
		    	  var container  = new Element('div', {
			    		'class': 'eventcontainer',
			    		'html': '<img src="'+event.pic+'" /><div><b>'+event.name+'</b></div><div><small>'+event.desc+'</small></div>'
			    	});
		    	
		    	container.addEvent('mouseenter', function(e){
		    		var fx = new Fx.Morph(container, {duration:200, wait:false});
		            fx.start({
		    		    'opacity': '0.7'
		    	    });	
		    	});
		    	
		    	container.addEvent('mouseleave', function(e){
		    		var fx = new Fx.Morph(container, {duration:200, wait:false});
		            fx.start({
		    		    'opacity': '1.0'
		    	    });	
		    	});
		    	
		    	container.addEvent('click', function(e){
		    		document.location = 'index.php?site=events#event'+event.id;
		    	});
		    	
		    	container.inject(this.options.eventsel);
		      }.bind(this))
		},
		    
		refreshEvents: function(count){
		      this.options.eventsel.empty();
		      var request = new Request.JSON({ url: this.options.events_url+'&count='+count,
		        onComplete: function(jsonObj){
		          this.setEvents(jsonObj);   
		        }.bind(this)
		      }).send();
		    }
	    
  });
	      
	      
window.addEvent('domready', function(){
	    		
	var nfe = new siteManager({newsel: $('newsbox'), eventsel: $('eventsbox')});
	
	$('schild').addEvent('mouseenter', function(e){
		var fx = new Fx.Morph($('schild'), {duration:200, wait:false});
        fx.start({
		    'opacity': '1.0'
	    });	
	});
	
	$('schild').addEvent('mouseleave', function(e){
		var fx = new Fx.Morph($('schild'), {duration:200, wait:false});
        fx.start({
		    'opacity': '0.7'
	    });	
	});
	
	$('schild').addEvent('click', function(e){
		document.location = 'index.php?content=werdemitglied';
	});
	
	
	
	
});