function buildContent()
{ 
	var winWidth = document.viewport.getWidth() ;	
	var winHeight = document.viewport.getHeight() ;	
	
	var setContentHeight =  (winHeight - 30 - $('Content').getHeight() ) / 2 ;
	
 	 Element.setStyle('Content', {top: setContentHeight + "px"} ); 
 	 Element.setStyle('Content', {width: winWidth + "px"} ); 


  if ($('main-thumbs')){
		var items = $$('img.job-item');
		var setFirstImage = items.first().getWidth();
		
		//window.status = 'buildContent items.first().getWidth(): ' + items.first().getWidth();
		//$('main-thumbs').style.width = setFirstImage + "px";
		
		$('main-thumbs').style.marginLeft = ((winWidth - setFirstImage)/2) + "px";
	}

}

function buildNavGlobal()
{ 
	var winWidth = document.viewport.getWidth() ;	
	var winHeight = document.viewport.getHeight() ;	
	
	var headerLogo = $('HeaderLogo').getWidth() ;
	var navGlobalWidth = $('NavGlobalBase').getWidth() ;
	var headerHeight = $('Header').getHeight() ;

	var setHeaderLogo = (winWidth - headerLogo) / 2 ;
	var setNavGlobal = (winWidth / 2) - ( navGlobalWidth / 2 );
	var setHeaderPos = winHeight - headerHeight - 20;
	
	Element.setStyle('HeaderLogo', {left: setHeaderLogo + "px"} ); 
	Element.setStyle('NavGlobalBase', {left: setNavGlobal + "px"} ); 
	Element.setStyle('Header', {top: setHeaderPos + "px"} );  

	$('HeaderLogo').show();
}

function headerInteract(flag)
{ 
	if ( flag == true && !setMenu ) { 
		var setMenu = true;
		$('NavGlobalCombo').show();
		$('HeaderLogo').hide();
	} else if (flag == false) {
		var setMenu = false;
		$('NavGlobalCombo').hide();
		$('HeaderLogo').show();
	}
}

Event.observe(window,'resize', buildContent);
Event.observe(window,'load', buildContent);

Event.observe(window,'resize', buildNavGlobal);
document.observe("dom:loaded", buildNavGlobal);