$(document).ready(function() {
resize_elements();
});

$(window).resize(function(){
resize_elements();
});
	
 function resize_elements(){
    var my_width  = 0;
    var my_height = 0;

    if ( typeof( window.innerWidth ) == 'number' ){
        my_width  = window.innerWidth;
        my_height = window.innerHeight;
    }else if ( document.documentElement  && 
             ( document.documentElement.clientWidth ||
               document.documentElement.clientHeight ) ){
        my_width  = document.documentElement.clientWidth;
        my_height = document.documentElement.clientHeight;
    }
    else if ( document.body  && 
            ( document.body.clientWidth || document.body.clientHeight ) ){
        my_width  = document.body.clientWidth;
        my_height = document.body.clientHeight;
    }



	var my_width_tmp = (my_width-970) / 2;
	var left_offset = 0;
	if (my_width_tmp>196){
		left_offset = 196;
	
	}
	else
	{
		left_offset = my_width_tmp;

	}
	
	
	var element=$("#leftoffset");
	element.width(left_offset);
	
	var top_el=$("#top_table");
	var foot_el=$("#footer_table");

	
	var element=$("#offsetheight");
	element.height(my_height-foot_el.height()-234);
	//element.width(left_offset);
	element.width(1);
}