// JavaScript Document
window.addEvent('domready', function() {
	//$('ssitem1').fade(0);
	/*var item8 = false;*/
	/*var sitem8 = false;
	$('item8').addEvent('mouseover', function(e) {
		e.stop();
		var myEffect = new Fx.Morph('ssitem8', {duration: 'short', transition: Fx.Transitions.Sine.easeOut});
		item8 = true;

		// Changes the element's style to .myClass defined in the CSS
		myEffect.start({
		    'opacity': [0, 1], //Morphs the 'height' style from 10px to 100px.
		});
		$('message').innerHTML += 'mouseover<br />';

		//$('ssitem1').fade(1);
	});

	$('item8').addEvent('mouseout', function(e) {
		e.stop();

		var myEffect = new Fx.Morph('ssitem8', {duration: 'short', transition: Fx.Transitions.Sine.easeOut});
		// Changes the element's style to .myClass defined in the CSS
		myEffect.start({
		    'opacity': [1, 0], //Morphs the 'height' style from 10px to 100px.
		});
		$('message').innerHTML += 'mouseout<br />';

	});*/
	/*$('item2').addEvent('mouseover', function(e) {
		e.stop();
		// Changes the element's style to .myClass defined in the CSS
		$('ssitem2').fade(1);
	});
	$('item2').addEvent('mouseout', function(e) {
		e.stop();
		// Changes the element's style to .myClass defined in the CSS
		$('ssitem2').fade(0.0);
	});*/


});