var pagepeel_image_closed = "v2/tpl/img/pagepeel-closed.png";
var pagepeel_image_opened = "v2/tpl/img/pagepeel-opened.png";

var corner_closed_width = '82px';
var corner_closed_height = '82px';
var corner_opened_width = '400px';
var corner_opened_height = '400px';

var advert_closed_width = '70px';
var advert_closed_height = '70px';
var advert_opened_width = '400px';
var advert_opened_height = '400px';

function pagepeel_preload_images( arrayOfImages ) {
    $(arrayOfImages).each(function(){
        $('<img/>')[0].src = this;
    });
}

function pagepeel_load( url_big, url_small, link, target )
	{
	url_small = ( url_small ? url_small : url_big );
	pagepeel_preload_images( [ pagepeel_image_opened, pagepeel_image_closed, url_small, url_big ] );
		
	$("#pagepeel").html( '<div></div>' 
		+ ( link ? '<a href="' + link + '"' + ( target ? ' target="' + target + '"' : '' ) + '>' : '' )
		+ '<img border="0">'
		+ ( link != "" ? '</a>' : '' )
		);
	$("#pagepeel img").css({ width: corner_closed_width, height: corner_closed_height } );
	$("#pagepeel div").css({ width: advert_closed_width, height: advert_closed_height } );
	$("#pagepeel img").attr( "src", pagepeel_image_closed );
	$("#pagepeel div").css( "background-image", "url('" + url_small + "')" );

	$("#pagepeel").hover(
		function() 
			{
			$("#pagepeel div").css( "background-image", "url('" + url_big + "')" );
			$("#pagepeel img").stop().animate({ width: corner_opened_width, height: corner_opened_height }, 400 ); 
			$("#pagepeel div").stop().animate({ width: advert_opened_width, height: advert_opened_height }, 400, null, 
				function() { $("#pagepeel img").attr( "src", pagepeel_image_opened ); });
			}, 
		function() 
			{
			$("#pagepeel img").attr( "src", pagepeel_image_closed );
			$("#pagepeel img").stop().animate({ width: corner_closed_width, height: corner_closed_height }, 200 );
			$("#pagepeel div").stop().animate({ width: advert_closed_width, height: advert_closed_height }, 200, null, 
				function() { $("#pagepeel div").css( "background-image", "url('" + url_small + "')" ); });
			}
		);
	}