// -*- coding: utf-8 -*-

function resize_div() {
    var width = $(".centerOnPage").width();
    var height = $(".centerOnPage").height();
    var window_height = $(window).height();
    var window_width = $(window).width();
    
    $(".centerOnPage").css("position", "absolute");
    $(".centerOnPage").css("left", "50%");
    $(".centerOnPage").css("margin-left", "-" + width/2 + "px");
    
    if(window_height < height){
	$(".centerOnPage").css("top", "0px");
	$(".centerOnPage").css("margin-top", "0px");

    }else{
	$(".centerOnPage").css("top", "50%");
	$(".centerOnPage").css("margin-top", "-" + height/2+ "px");

    }

    if(window_width < width){
	$(".centerOnPage").css("left", "0px");
	$(".centerOnPage").css("margin-left", "0px");
    }else{
	$(".centerOnPage").css("left", "50%");
	$(".centerOnPage").css("margin-left", "-" + width/2+ "px");
    }




} 

$(document).ready(function() { 
	resize_div();
	$(window).resize(function(){
		resize_div();
	    });
});