<!--

	//================================================================================================
	// VARIABLES DECLARATION
	//================================================================================================	
	var nav_id;
	
	//================================================================================================
	// AJAX FUNCTIONS
	//================================================================================================		
	
	//================================================================================================
	// FORM FUNCTIONS
	//================================================================================================

	//================================================================================================
	// LAYOUT FUNCTIONS 
	//================================================================================================			
	function initBackgrounds()
	{
		var container = 'background';
		var path = 'images/backgrounds/';
		var images;
		
		if ($chk($(container)))
		{
			var bg = $(container).getChildren('div')[0];
			var bg_id = bg.get('id');
			
			/* preloading */  			
			images = [ path + bg_id + '.jpg' ];
								
			//create the asset.images
			assetBackgrounds = new Asset.images(images, {  
			
				onComplete: function() { 
					images.each(function(imgsrc) {  
						new Element('img',{ src: imgsrc, width: $('background').getWidth(), style: 'width:auto; height:auto;' }).inject($(bg));  				
					});					
					
					$(container).setStyle('opacity', 0);
					bgFull(container, 100);
					
					$(container).removeClass('bg_hide');
					new Fx.Tween($(container)).start('opacity', 0, 1);
					begin();
				}  
				
			});					
		}
	}
	
	function initInfoPagesWithScrollbars()
	{				
		if ($chk($('container_info')))
		{
			var win_h = window.getHeight();
			var offset = 0;

			if ($chk($('background_services')))
			{
				offset = 20;
			}
			
			$('container_info').setStyle('height', win_h - 230 - offset);	
			$('scrollable_info').setStyle('height', win_h - 230 - offset);	
			
			if ($chk($('container_scrollbar')))
			{
				$('container_scrollbar').setStyle('display', 'block');				
				$('scrollbar_area').setStyle('height', win_h - 260 - offset);	
				setupScrollbars();
			}			
		}	
	}		
	
	function setupOpacity()
	{
		if ($chk($('background_overlay')))
		{
			$('background_overlay').setStyle('opacity', 0.9);
		}		
		
		if ($chk($('nav_bg')))
		{
			$('nav_bg').setStyle('opacity', 0.9);
		}	

		if ($chk($('container_page_selected')))
		{
			$('container_page_selected').setStyle('opacity', 0.9);
		}			
	}	
	
	function setupScrollbars()
	{
		if ($chk($('scrollable_info')))
		{
			makeScrollbar( $('scrollable_info'), $('scrollbar_area'), $('scrollbar_handle'), false );
		}		
	}	
	
	//================================================================================================
	// EVENTS FUNCTIONS
	//================================================================================================		
	function begin()
	{	
		if ($chk($('scrollable_info')))
		{
			initInfoPagesWithScrollbars();
		}		
	}	
	
	function setupActions()
	{
		if ($chk($$('.nav_box')[0])) 
		{				
			$$('.nav_box').addEvents({
			
				'mouseover' : function(e) {
					nav_id = this.get('id');
					if ($('bg_' + nav_id).hasClass('bg_box'))
					{
						$('bg_' + nav_id).addClass('bg_nav_selected');
					}
				},
			
				'mouseout' : function(e) {
					nav_id = this.get('id');
					if ($('bg_' + nav_id).hasClass('bg_box'))
					{
						$('bg_' + nav_id).removeClass('bg_nav_selected');
					}
				}
				
			});					
		}	
	}
	
	//================================================================================================
	// SCALLING BACKGROUND
	//================================================================================================		
	function $E(tag,el){return $(el||document).getElement(tag)}
	
	kina={
		doc:{x:0,y:0},
		fix:
			function()
			{				
				if(kina.bg.complete&&(db.offsetWidth!=kina.doc.x||db.offsetHeight!=kina.doc.y||kina.fix.src!=kina.bg.src))
				{
					var bg=kina.bg.getSize();
					kina.doc={x:db.offsetWidth,y:db.offsetHeight};
					kina.fix.src==kina.bg.src||$extend(kina.fix,{p:bg.x/bg.y,src:kina.bg.src});
					kina.bg.setStyles({width:(bg.y=kina.doc.x>(bg.x=Math.round(kina.doc.y*kina.fix.p)))?kina.doc.x:bg.x,height:bg.y?Math.round(kina.doc.x/kina.fix.p):kina.doc.y})			
				}								
			}
	}	
	
	function bgFull(container, interval)
	{
		if ($chk($(container)))
		{
			$extend
			(
				kina,{bg:$E('img',$E('#' + container,db=$(document.body))),timer:setInterval(kina.fix,interval)}
			);			
		}		
	}	
	
	//================================================================================================
	// START THIS WHEN PAGE DOM READY
	//================================================================================================		
	window.addEvents({
	
		'domready' : function(e) {	
			initBackgrounds();
			setupOpacity();
			setupActions();
		},
		
		'resize' : function() {
			initInfoPagesWithScrollbars();
		}
		
	});
	

//-->