/*
 * 
 * Set initial frames sizes 
 *
 */
 function calculo(value)
 {
	var w = $(window).width();
	var result =  value * w / 1366 * 2;
	return Math.min(value, result);
 }
 
 var initScreen = function (){
    var screenHeight = $(window).height();
    var lowerFrameHeight = $('#lowerFrame').height();    
    var upperFrameHeight = screenHeight - lowerFrameHeight;
    $('#upperFrame').css('height', upperFrameHeight + 'px');
	
	$('#logo2').css('width', calculo(121) + 'px');
	$('.icon').css('width', calculo(35) + 'px');
	$('div.inline').css('font-size', calculo(12) + 'px');
	$('#links').css('font-size', calculo(12) + 'px');
 } 

 var loadStaticContent = function (){
     $('#lowerFrame').load('Static/static.html?_=' + Math.ceil(1000000 * Math.random()));
 }
 
 var loadRandomContent = function (){
     $('#upperFrame').load('Random/random.php?_=' + Math.ceil(1000000 * Math.random()));
 }

 var initApplicationEvents = function(){
    $(window).resize(initScreen);	
    $("#logo").live("click", function(){
        $('#upperFrame').load('Resources/pages/logo.html');
    });     
    $('#links ul li a').live('click', function(event){
        event.preventDefault();
        $('#upperFrame').load($(this).attr('href'));
    });
 }
 
$(document).ready(function(){
  
    initScreen();     
    initApplicationEvents();
    loadStaticContent(); 
    loadRandomContent();
    
});