DD_roundies.addRule('.section', 8, true);
		DD_roundies.addRule('.sectionContent', 8, true);
		DD_roundies.addRule('#ngcCareersTitle', 0, true);
		DD_roundies.addRule('.specialLightbox', 10, true);	

document.observe("dom:loaded", function(){
    accordion = new Accordion("navCareersList");
   	$$('.section').invoke('observe','mouseover', solveForIE);
   	$$('.section').invoke('observe','mouseout', solveForIEOut);
   	$$('.closeBOX').invoke('observe','click', hideBOX);
   	$('plansMore').observe('click', plansLightBox);
   	$('stepsMore').observe('click', stepsLightBox);
   
   //$$('.specialLightbox').invoke('setStyle',{display:'none'});
   	
    
})

function solveForIE(event){
var element = Event.element(event);
  element.addClassName('hover');
  //alert(element)
}

function solveForIEOut(event){
var element = Event.element(event);
  element.removeClassName('hover');
  //alert(element)
}

function lockDown(){
document.getElementById('sotester').SetVariable('popUp','true');
}

function stepsLightBox(){
	
	
	if($('Content1').getStyle('display') == 'none'){
	Effect.toggle('Content1', 'appear', { duration: 0.5 });
	lockDown();	
	}
	
	if( $('Content2').getStyle('display') == 'block' ){
	Effect.toggle('Content2', 'appear', { duration: 0.5 });
	}
	
}

function plansLightBox(){
	if($('Content2').getStyle('display') == 'none'){
	Effect.toggle('Content2', 'appear', { duration: 0.5 });
	lockDown();	
	}
	
	if( $('Content1').getStyle('display') == 'block' ){
	Effect.toggle('Content1', 'appear', { duration: 0.5 });
	}
}

function hideBOX(event){
var element = Event.element(event);
  Effect.toggle(element.up(), 'appear', { duration: 0.5 });
  document.getElementById('sotester').SetVariable('popUp','false');	

}



