window.addEvent('domready', function(){
    //add slide in effect for submenu
    if ($('dvSubMenuContainer')) {
        var mySubMenuSlide = new Fx.Slide('dvSubMenuContainer');
        var activelink = $$('.MenuActiveLink')
        if (Cookie.get(activelink.toString()) == 'done') {
            mySubMenuSlide.show()
        }
        else {
            mySubMenuSlide.hide().slideIn.delay(500, mySubMenuSlide);
            Cookie.set(activelink.toString(), 'done')
        }       
    }
    
    //fade in content for relevant pages
    var el = $('FadeContentText');
    if (el) {
        el.setStyle('opacity',0.0);   
        var fx = new Fx.Styles(el, {duration:500, wait:false});   
        fx.start({
        'opacity': 1.0
        });  
    }
    //fade in content image for relevant pages
    var img = $('FadeContentImg');
    if (img) {
        img.setStyle('opacity',0.0);   
        var fx = new Fx.Styles(img , {duration:2000, wait:false});   
        fx.start({
        'opacity': 1.0
        });  
    }   
    //fade in welcome text
    if ($('dvWelcomeText')) {
        $('dvWelcomeText').setStyle('opacity',0.0);
        var fx = new Fx.Styles($('dvWelcomeText'), {duration:2000, wait:false});   
        fx.start({
            'opacity': 1.0
        });  
    }

    if ($('HomeRipple')) {
        $('HomeRipple').setStyle('opacity','1.0')
        var ripple = 0;
        var swapper = (function(){
            ripple += 1;
            if (ripple > 3) {ripple = 1;}
            fx = new Fx.Style($('HomeRipple'), 'opacity', {duration: 500,transition: Fx.Transitions.Quart.easeInOut});
            fx.start(1,0).chain(function(){
                $('HomeRipple').src='images/imp_ripple' + ripple + '.jpg'; 
	            fx.start(0,1);
	        })
        }).periodical(5000);
    }

    //slide in title line
    if ($('TitleLine')) {
        $('TitleLine').setStyle('opacity',0.0);
        var wdth = $('TitleLine').getStyle('width');
        $('TitleLine').setStyle('width',0);
        var fx = new Fx.Styles($('TitleLine'), {duration:2000, wait:false});   
        fx.start({
            'opacity': 1.0,
            'width': wdth
        });  
    }
    //add main menu link effects
    var list = $$('A.MenuLink');
	list.each(function(element) {
	    var fx = new Fx.Styles(element, {duration:600, wait:false});
		element.addEvent('mouseenter', function(){
			fx.start({
				'color': '#21b6bd'
			});
		});
		element.addEvent('mouseleave', function(){
			fx.start({
				'color': '#666666'
			});
		});
	}); 		
	//add sub menu link effects
    var list = $$('A.SubMenuLink');
	list.each(function(element) {
	    var fx = new Fx.Styles(element, {duration:600, wait:false});
		element.addEvent('mouseenter', function(){
			fx.start({
				'color': '#8ee7f4'
			});
		});
		element.addEvent('mouseleave', function(){
			fx.start({
				'color': '#ffffff'
			});
		});
	});  
});