/**
 * Resizes image under given div for browser window.
 */
function resize_img (div, original_width, original_height) {

    var site_width=$(window).width();
    var site_height=$(window).height();
    var site_ratio = site_width/site_height;

    $(div).width(site_width);
    $(div).height(site_height);

    var pic = $(div+' > img');
    var pic_w = pic.width();
    var pic_h = pic.height();
    var pic_top = 0;
    var pic_left = 0;
    var pic_ratio = pic_w/pic_h;

    if (site_width>original_width || site_height>original_height) {
	if (pic_ratio > site_ratio) {
	    pic_h = site_height;
	    pic_w = site_height*pic_ratio;
	} else {
	    pic_w = site_width;
	    pic_h = site_width/pic_ratio;
	}
    } else {
	pic_w = original_width;
	pic_h = original_height;
    }

    pic_left = Math.floor(0.5*(site_width - pic_w));
    pic_top = Math.floor(0.5*(site_height - pic_h));

    pic.offset({
	top: pic_top,
	left: pic_left
    });

    pic.width(pic_w);
    pic.height(pic_h);
    pic.offset({
	top: pic_top,
	left: pic_left
    });

}

function resize_bottom () {

    var site_height=$(window).height();
	document.getElementById("site_main_text").style.top = site_height+'px';
}


/**
 * Resizes image under given div for browser window.
 */
function resize_img2 (div){

    var div_width =$(div).width()+1;
    var div_height=$(div).height()+1;
    var site_ratio = div_width/div_height;

    var pic = $(div+' img');
    var pic_w = pic.width();
    var pic_h = pic.height();
    var pic_top = 0;
    var pic_left = 0;
    var pic_ratio = pic_w/pic_h;
    var original_width = 0;
    var original_height = 0;

    if ($(div).original){
	original_width  = pic.original.width;
	original_height = pic.original.height;
    } else {
	original_width  = pic.width();
	original_height = pic.height();
	pic.original = {width:original_width, height:original_height};
    }
    if (pic_ratio > site_ratio)
    {
	pic_h = div_height;
	pic_w = div_height*pic_ratio;
    } else {
	pic_w = div_width;
	pic_h = div_width/pic_ratio;
    }

    pic_left = Math.floor(0.5*(div_width - pic_w));
    pic_top = Math.floor(0.5*(div_height - pic_h));

    pic_w = parseInt(pic_w);
    pic_h = parseInt(pic_h);
    pic_top = parseInt(pic_top);
    pic_left = parseInt(pic_left);

    pic.width(pic_w);
    pic.height(pic_h);

    pic.css("margin-top", pic_top);
    pic.css("margin-left",pic_left);

}

function moveImgToImg (div1, div2){
    pic1 = $(div1+' img');
    pic2 = $(div2+' img');

    pic1.css("position", "absolute");

    pic1.offset(pic2.offset());
    pic1.width(pic2.width());
    pic1.height(pic2.height());
}