$(document).ready(function(){
	
	// this only for ie6 (height: 100% fix)
	$("#main-content").resize(function(){
		h = $("#main-content").height();
		$("#pereplet, #pereplet2").height(h);
	});
	
	
	// pereplet height fix
	h = $("#main-content").height();
	$("#main-content").height(h);
	tmp = 25-(h-Math.floor(h/25)*25); // 25 - pereplet image height
	h2 = h+tmp;
	
	if ( tmp<24 )
	$("#main-content").append("<div id='exte' style='height: "+tmp+"px'></div>");
	
	if ( $("#main-content").height() == h )
	{
		h2=h;
		$("#exte").remove();
	}
	
	
	// set height for ie6 (other browsers is using 100% value)
	if ( $.browser.msie && $.browser.version==6 )
		$("#pereplet, #pereplet2").height(h2);
	
	$("#pereplet, #pereplet2").fadeIn("slow");
});