var time = 200;
var timeout;

window.addEvent('domready',function(){
	$('sub1').addEvent('mouseenter',function(){
		var el = $$('.sroll')[0].getNext('img');
		el.set('morph',{duration:600,transition:Fx.Transitions.Sine.EaseOut});
		el.morph({opacity:1});
	});
	$('sub1').addEvent('mouseleave',function(){
		var el = $$('.sroll')[0].getNext('img');
		el.set('morph',{duration:600,transition:Fx.Transitions.Sine.EaseOut});
		el.morph({opacity:0.01});
	});
	
	$('sub2').addEvent('mouseenter',function(){
		var el = $$('.sroll')[1].getNext('img');
		el.set('morph',{duration:600,transition:Fx.Transitions.Sine.EaseOut});
		el.morph({opacity:1});
	});
	$('sub2').addEvent('mouseleave',function(){
		var el = $$('.sroll')[1].getNext('img');
		el.set('morph',{duration:600,transition:Fx.Transitions.Sine.EaseOut});
		el.morph({opacity:0.01});
	});
	/*
	$('sub3').addEvent('mouseenter',function(){
		var el = $$('.sroll')[4].getNext('img');
		el.set('morph',{duration:600,transition:Fx.Transitions.Sine.EaseOut});
		el.morph({opacity:4});
	});
	$('sub3').addEvent('mouseleave',function(){
		var el = $$('.sroll')[4].getNext('img');
		el.set('morph',{duration:600,transition:Fx.Transitions.Sine.EaseOut});
		el.morph({opacity:0.01});
	});*/
});

function hider(){
    timeout = setTimeout('hider1()',time);
}

function hider1(){
    document.getElementById('sub1').style.display = 'none';
	document.getElementById('sub2').style.display = 'none';
	/*document.getElementById('sub3').style.display = 'none';*/
}

function showSub1(){
    clearTimeout(timeout);
    document.getElementById('sub1').style.display = 'block';
	document.getElementById('sub2').style.display = 'none';
	/*document.getElementById('sub3').style.display = 'none';*/

    document.getElementById('sub1').onmouseover = function(){
                    clearTimeout(timeout);
    }
    document.getElementById('sub1').onmouseout = function(){
                    timeout =	setTimeout('hider1()',time);
    }
}

function hider2(){
    document.getElementById('sub2').style.display = 'none';
}

function showSub2(){
    clearTimeout(timeout);
	document.getElementById('sub1').style.display = 'none';
	/*document.getElementById('sub3').style.display = 'none';*/
    document.getElementById('sub2').style.display = 'block';
    document.getElementById('sub2').onmouseover = function(){
                    clearTimeout(timeout);
    }
    document.getElementById('sub2').onmouseout = function(){
                    timeout =	setTimeout('hider1()',time);
    }
}
/*
function hider3(){
    document.getElementById('sub3').style.display = 'none';
}

function showSub3(){
    clearTimeout(timeout);
	document.getElementById('sub1').style.display = 'none';
	document.getElementById('sub2').style.display = 'none';
    document.getElementById('sub3').style.display = 'block';
    document.getElementById('sub3').onmouseover = function(){
                    clearTimeout(timeout);
    }
    document.getElementById('sub3').onmouseout = function(){
                    timeout =	setTimeout('hider1()',time);
    }
}
*/