var step = 0;

function resetAll() {
    YAHOO.util.Dom.removeClass('step1', 'over-me');
    YAHOO.util.Dom.removeClass('step2', 'over-me');
    YAHOO.util.Dom.removeClass('step3', 'over-me');
    YAHOO.util.Dom.removeClass('step4', 'over-me');
	YAHOO.util.Dom.removeClass('mid-1-2', 'state-3');
	YAHOO.util.Dom.removeClass('mid-1-2', 'state-2');
	YAHOO.util.Dom.removeClass('mid-2-3', 'state-3');
	YAHOO.util.Dom.removeClass('mid-2-3', 'state-2');
	YAHOO.util.Dom.removeClass('mid-3-4', 'state-3');
	YAHOO.util.Dom.removeClass('mid-3-4', 'state-2');
}

function rolloverStep1() {
	resetAll();
    YAHOO.util.Dom.addClass('step1', 'over-me');
	YAHOO.util.Dom.addClass('mid-1-2', 'state-2');
	YAHOO.util.Dom.removeClass('step1-content', 'not-now');
}

function rolloverOffStep1() {
    YAHOO.util.Dom.removeClass('step1', 'over-me');
	YAHOO.util.Dom.removeClass('mid-1-2', 'state-2');
	YAHOO.util.Dom.addClass('step1-content', 'not-now');
	highlightStep();
}

function rolloverStep2() {
	resetAll();
    YAHOO.util.Dom.addClass('step2', 'over-me');
    YAHOO.util.Dom.addClass('mid-1-2', 'state-3');
    YAHOO.util.Dom.addClass('mid-2-3', 'state-2');
	YAHOO.util.Dom.removeClass('step2-content', 'not-now');	
}

function rolloverOffStep2() {
    YAHOO.util.Dom.removeClass('step2', 'over-me');		
    YAHOO.util.Dom.removeClass('mid-1-2', 'state-3');
    YAHOO.util.Dom.removeClass('mid-2-3', 'state-2');
	YAHOO.util.Dom.addClass('step2-content', 'not-now');
	highlightStep();
}

function rolloverStep3() {
	resetAll();
    YAHOO.util.Dom.addClass('step3', 'over-me');
    YAHOO.util.Dom.addClass('mid-2-3', 'state-3');
    YAHOO.util.Dom.addClass('mid-3-4', 'state-2');
	YAHOO.util.Dom.removeClass('step3-content', 'not-now');	

}

function rolloverOffStep3() {
    YAHOO.util.Dom.removeClass('step3', 'over-me');		
    YAHOO.util.Dom.removeClass('mid-2-3', 'state-3');
    YAHOO.util.Dom.removeClass('mid-3-4', 'state-2');
	YAHOO.util.Dom.addClass('step3-content', 'not-now');
	highlightStep();
}


function rolloverStep4() {
	resetAll();
    YAHOO.util.Dom.addClass('step4', 'over-me');
    YAHOO.util.Dom.addClass('mid-3-4', 'state-3');
	YAHOO.util.Dom.removeClass('step4-content', 'not-now');	

}

function rolloverOffStep4() {
    YAHOO.util.Dom.removeClass('step4', 'over-me');		
    YAHOO.util.Dom.removeClass('mid-3-4', 'state-3');
	YAHOO.util.Dom.addClass('step4-content', 'not-now');
	highlightStep();
}

function highlightStep() {
	if(step == 1) {
		YAHOO.util.Dom.addClass('step1', 'over-me');
	    YAHOO.util.Dom.addClass('mid-1-2', 'state-2');    
	}
	else if(step == 2) {
	    YAHOO.util.Dom.addClass('step2', 'over-me');
	    YAHOO.util.Dom.addClass('mid-1-2', 'state-3');
	    YAHOO.util.Dom.addClass('mid-2-3', 'state-2');
	}
	else if(step == 3) {
	    YAHOO.util.Dom.addClass('step3', 'over-me');
	    YAHOO.util.Dom.addClass('mid-2-3', 'state-3');
	    YAHOO.util.Dom.addClass('mid-3-4', 'state-2');
	}
	else if(step == 4) {
	    YAHOO.util.Dom.addClass('step4', 'over-me');
	    YAHOO.util.Dom.addClass('mid-3-4', 'state-3');
	}
	else return;
};


YAHOO.util.Event.addListener('step1','mouseover',rolloverStep1);
YAHOO.util.Event.addListener('step1','mouseout',rolloverOffStep1);
YAHOO.util.Event.addListener('step1-content','mouseover',rolloverStep1);
YAHOO.util.Event.addListener('step1-content','mouseout',rolloverOffStep1);

YAHOO.util.Event.addListener('step2','mouseover',rolloverStep2);
YAHOO.util.Event.addListener('step2','mouseout',rolloverOffStep2);
YAHOO.util.Event.addListener('step2-content','mouseover',rolloverStep2);
YAHOO.util.Event.addListener('step2-content','mouseout',rolloverOffStep2);


YAHOO.util.Event.addListener('step3','mouseover',rolloverStep3);
YAHOO.util.Event.addListener('step3','mouseout',rolloverOffStep3);
YAHOO.util.Event.addListener('step3-content','mouseover',rolloverStep3);
YAHOO.util.Event.addListener('step3-content','mouseout',rolloverOffStep3);


YAHOO.util.Event.addListener('step4','mouseover',rolloverStep4);
YAHOO.util.Event.addListener('step4','mouseout',rolloverOffStep4);
YAHOO.util.Event.addListener('step4-content','mouseover',rolloverStep4);
YAHOO.util.Event.addListener('step4-content','mouseout',rolloverOffStep4);