window.addEvent('domready', function(){

	$('topmenus').addEvents({
		'mouseenter': function(){

			this.set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '120px');
		},
		'mouseleave': function(){

			this.set('tween', {}).tween('height', '20px');
		}
	});
});


window.addEvent('domready', function(){

	$('topmenus2').addEvents({
		'mouseenter': function(){

			this.set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '100px');
		},
		'mouseleave': function(){

			this.set('tween', {}).tween('height', '20px');
		}
	});
});


window.addEvent('domready', function(){

	$('topmenus3').addEvents({
		'mouseenter': function(){

			this.set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '90px');
		},
		'mouseleave': function(){

			this.set('tween', {}).tween('height', '20px');
		}
	});
});



window.addEvent('domready', function() {
	
	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
		opacity: true,
		alwaysHide:true,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#FF0000');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#000000');
		}
	});

});

window.addEvent('domready', function() {
 
	/**
	 * That CSS selector will find all <a> elements with the
	 * class boxed
	 *
	 * The example loads the options from the rel attribute
	 */
	SqueezeBox.assign($$('a.boxed'), {
		parse: 'rel'
	});
 
});




function openWindow(fi,width,height) {
  var remote = window.open(fi,"remote","resize=no,status=0,scrollbars=yes,menubar=0,directories=0,toolbar=0,width=" + width + ",height=" + height);

 // remote.focus();  // do not uncomment - causes error in IE 3.0!

}

// end Helpers -->