wpf_logoDisplayStatus = false;

function wpf_logoDisplay (animate) {
	var viewport = document.viewport.getDimensions();
	var size = new Array();
		size[0] = $('logo').getWidth();
		size[1] = $('logo').getHeight();
	var pos = $('logo').cumulativeOffset();
	var osize = new Array();
		osize[0] = 760;//$(logo).width;
		osize[1] = 480;//$(logo).height;


	if ($('largelogo') == null)
	{
		var logo = new Image();
			$(logo).src = 'design/reklam.jpg';
			$(logo).id = 'largelogo';

		$(logo).setStyle({
			top: pos[1]+'px',
			left: pos[0]+'px',
			width: size[0]+'px',
			height: size[1]+'px'
		});
		$(logo).hide();
		$('container').insert($(logo));

		$('largelogo').onclick = function () {
			wpf_logoDisplay('hide');
		}
	}
	else
		logo = 'largelogo';
	
	if (animate == 'show' && wpf_logoDisplayStatus == false)
	{
		$(logo).show();
		var st = 'width: '+osize[0]+'px; height: '+osize[1]+'px;';
		new Effect.Morph ($(logo), {style: st, duration: 1.0, afterFinish: function () {wpf_logoDisplayStatus = true;} });
	}
	
	if (animate == 'hide' && wpf_logoDisplayStatus == true)
	{
		var st = 'width: '+size[0]+'px; height: '+size[1]+'px;';
		new Effect.Morph ($('largelogo'), {style: st, duration: 1.0, afterFinish: function() {wpf_logoDisplayStatus = false; $('largelogo').hide();} });
	}
}

function wpf_logoShow () {
	$('logo').onclick = function () {
		wpf_logoDisplay('show');
	}
		setTimeout (function(){wpf_logoDisplay('show')},1000);
		setTimeout (function(){wpf_logoDisplay('hide')},15000);
}

	Event.observe(window, 'load', wpf_logoShow);