// JavaScript Document
var margin;
var containerHeight;
var listClickable;

window.addEvent('domready', function(){
        getMargin();
        onWindowResize();
        window.addEvent('resize', function(){
            onWindowResize();
        });
	
});

function getMargin(){
        margin =
                $('header').getSize().size.y
        +       $('menuContainer').getSize().size.y
        +       $('footer').getSize().size.y;
}

function onWindowResize(){
	containerHeight = $('container').getLeft();
	var windowSizeY = window.getSize().size.y;
        var new_size = windowSizeY - margin ;
        var content_opaque=$('content_opaque').getSize().size.y;
        var content_opacity = $('content_background_transparent');
        if(content_opaque<new_size)
        {
                content_opacity.setStyle('height',new_size+'px');
        }
        else
        {
                content_opacity.setStyle('height',content_opaque+'px');
        }
	
}

function displayDiv(div)
{
	//console.log($(div));
	//var effect = new Fx.Style($(div), 'opacity').start(0,1); //display a transition from transparent to opaque.
	var myFx = new Fx.Scroll(window,{duration : 1500}).toElement($(div));
	myFx.start();
	//effect.start();
}