// smoothAppear.js: let the theme picture appear on mouseOver
// version 1.0, based on the famous Mootools :-))
// written 2007 by Sabine Weiss


window.addEvent('domready', function(){
	$('themepic').setOpacity(0);
      $('teaser').setOpacity(1);
      var opacity;
      var teaser = new Element($('teaser'),{
      	'events':{
      		'mouseover': function() {
	               opacity = parseFloat($('themepic').getStyle('opacity'));
				if (opacity < 1.0) {
                     var themepicAppear = new Fx.Style($('themepic'), 'opacity', {duration:5000}).start(opacity,1);
                     }
                     teaser.setOpacity(0);
                	}
           }
	});
});