$(document).ready(function() {
    $(".y18[id = 'competition_top']").hide();
	var clientHeight = $("body").height() - $(".attention").height() - 20;
	$('#overlay').css({height: clientHeight+'px', opacity:0.6}).show();
	var y18top = 100;
	$(".y18[id != 'competition_top']").css('top', y18top+'px').show();
	$('#btn_ok').click( function() {
		$.post( '/page18.php', {
			action: 'add'
		}, function( data ) {
			$(".y18[id != 'competition_top']").hide(500);
			if ($('#competition_top').length == 0) {
				$('#overlay').hide(500);
			}
			else {
                $('#competition_top').css({visibility:'hidden', display:'block'});
                var elem = $('#competition_top').find('img').eq(0);
                var viewportH = $(window).height();
                var viewportW = $(window).width();
                var elemH = elem.height();
                var elemW = elem.width();
                //alert(elemH);
                var paddingH = 50;
                var paddingW = 100;
                var sizeH = viewportH - paddingH;
                var sizeW = viewportW - paddingW;

                if (elemH > sizeH || elemW > sizeW) {
                    var k = (elemH - sizeH) > (elemW - sizeW) ? sizeH / elemH : sizeW / elemW;
                    elemH = Math.floor(elemH * k);
                    elemW = Math.floor(elemW * k);
                    elem.width(elemW + 'px').attr('width', elemW);
                    elem.height(elemH + 'px').attr('height', elemH);
                    $('#competition_top').width(elemW + 'px');
                    $('#competition_top').height(elemH + 'px');
                }

                $('#competition_top').css({visibility:'visible', display:'none'});
                elem = $('#competition_top');
                elem.css('margin', '0');
                var top = 0;
                var left = 0;
                top = (viewportH - elemH) / 2;
                left = (viewportW - elemW) / 2;

                elem.css('top', top + 'px');
                elem.css('left', left + 'px');
                elem.css({width: elemW+'px', height: elemH+'px'})
                    .find('.y18-logo').css({width: elemW+'px', height: elemH+'px'});

				$('body').append('<span id="rerender_page">&nbsp;</div>');
				$('#rerender_page').hide();
				elem.show(500);
				$('#overlay, #close_competition_top').click(function(){
					$('#competition_top').hide(500);
					$('#overlay').hide(500);
					return false;
				})
			}
		} );
		return false;
	} );
} );