// check for given hometeasertop
		// fetch canvas and define
		// fetch list items with header, links and images
		// walk through and create for each h1 a new LI tag above with the text and the link
		// add mouseenter and leave events to highlight the array[n] position inside the imagecount
var addTopTeaser = new Class ({
	initialize: function(options)
	{
		this.options = {
			canvasEl: '.homeTopList',
			imageEls: '.homeTopList img',
			linkEls: '.homeTopList h1 a'
		};
		// Set options
		Object.extend(this.options, options || {});
		this.canvasEl = this.options.canvasEl;
		this.imageEls = this.options.imageEls;
		this.linkEls = this.options.linkEls;
		
		// Set container
//		alert($ES(this.contactEl).length)
		if((!$E(this.imageEls) || !$E(this.canvasEl)) || $ES(this.linkEls).length <= 1){
			return false;
		}
		this.canvas = $E(this.canvasEl);
		this.imageEls = $ES(this.imageEls);
		this.linkEls = $ES(this.linkEls);
		this.listEls = $ES('li', this.canvas);
		
		this.connectImagesAndLinks();
	},
	
	connectImagesAndLinks: function() 
	{
		var lastlinkwrap = null;
		this.linkEls.each(function(lnk,i) 
		{

			var listwrap = new Element('li', {'class': 'show'}).adopt(
			   new Element('h1', {}).adopt( 
					new Element('a', {
						'href': lnk.getProperty('href')
					}).setText(lnk.getText()).addEvent('mouseenter', function()
					{
						this.imageEls[i].addClass('over')
					}.bind(this)).addEvent('mouseleave', function()
					{
						this.imageEls[i].removeClass('over')
					}.bind(this))
				)
			);
			
			if(i==0)
			{
				listwrap.injectTop(this.canvas);
			}else{
				listwrap.injectAfter(lastlinkwrap);
			}
			lastlinkwrap = listwrap;
			
		}.bind(this));

		this.newlists = $ES('li',this.canvas);
		
		this.imageEls.each(function(img,i) 
		{
			img.addEvent('mouseenter', function()
			{
				this.newlists[i].addClass('over')
			}.bind(this)).addEvent('mouseleave', function()
			{
				this.newlists[i].removeClass('over')
			}.bind(this))
		}.bind(this));

	}
});

window.addEvent('domready', function(){
	if($ES('.csc-frame-frame1 .csc-textpic-image'))
	{
		$ES('.csc-frame-frame1 .csc-textpic-image').each(function(item, index){
			item.setStyle('width',55);
		});
		$ES('.csc-frame-frame1 .csc-textpic-caption').each(function(item, index){
			item.setStyle('display','none');
		});
	}
	var activateHomeTeaser = new addTopTeaser();
});