var ICONS=['portfolio','services','about','testimonials','contact'];

function turn_on(main_name)
{
	turn_all_off();
	$("t_"+main_name).src="/images/"+main_name+"-1.png";
	if ($("l_"+main_name)!=null)
		$("s_"+main_name).setStyle({'display': 'block'});
}

function turn_off(main_name)
{
	$("t_"+main_name).src="/images/"+main_name+"-0.png";
	if ($("l_"+main_name)!=null)
		$("s_"+main_name).setStyle({'display': 'none'});
}

function turn_all_off()
{
	for (i=0;i<ICONS.length;i++) {
		turn_off(ICONS[i]);
	}
}

function load_icons()
{
	//MM_preloadImages('/images/portfolio-1.png','/images/services-1.png','/images/about-1.png','/images/test-1.png','/images/contact-1.png')

	for (i=0;i<ICONS.length;i++) {
		MM_preloadImages('/images/'+ICONS[i]+'-1.png');
                Event.observe($('t_'+ICONS[i]), 'mouseover', function(i) {
                        main_name=this.id.substring(2);
			turn_on(main_name);
                        });
		Event.observe($('t_'+ICONS[i]), 'mouseout', function(i) { 
			main_name=this.id.substring(2);
			turn_off(main_name);
			});

		if ($('l_'+ICONS[i])==null) continue;
                Event.observe($('l_'+ICONS[i]), 'mouseover', function(i) {
                        main_name=this.id.substring(2);
			turn_on(main_name);
                        });
                Event.observe($('l_'+ICONS[i]), 'mouseout', function(i) {
                        main_name=this.id.substring(2);
			turn_off(main_name);
                        });
                }


}

document.observe("dom:loaded", function() {
	load_icons();
	});

Event.observe(window, 'beforeunload', function() {
	turn_all_off();
	});


/* ROLL OUT */

function roll_out(rid)
{
	h_style=($(rid).getStyle("display"));
	if (h_style=="none") {
		$(rid).hide();
		Effect.BlindDown(rid,{ queue: 'end' });
		}
	else
		Effect.BlindUp(rid,{ queue: 'end' });
		
		return(false);
}

function roll_out_all()
{
	a=roll_out_all.arguments; 
		for(i=0; i<a.length; i++) {
			h_style=($(a[i]).getStyle("display"));
			if (h_style=="none") {
				Effect.BlindDown(a[i],{ queue: 'end' , duration: ".4"});
			}
		}

}

function roll_in_all()
{
	a=roll_in_all.arguments; 
                for(i=0; i<a.length; i++) {
                        h_style=($(a[i]).getStyle("display"));
                        if (h_style!="none") {
                                Effect.BlindUp(a[i],{ queue: 'end' , duration: ".4"});
                        }
                }


}