var safeZone = 1.1625;
var timeToOpen = 400;
var timeToClose = 700;

jQuery().ready(function()
{
var h = "";

  
    h += "<div id='ultimate-pagepeel-offer'></div>";
    h += "<div id='ultimate-pagepeel'><img src='"+peelImage+"'></div>";
    h += "<div id='ultimate-pagepeel-small'></div>";
    h += "<div id='ultimate-pagepeel-big'></div>";

    jQuery('body').append(h);

    jQuery('#ultimate-pagepeel-offer').click(function(){window.open(peelLink, peelTarget)}).css('opacity',0.0).hover(peelOpen,closePeel);

    if(jQuery.browser.msie)
    {
        jQuery('#ultimate-pagepeel').html("<div id='ultimate-pagepeel-ie-fix'></div>");
    }

    
    animateThePeel(2000);
});

function peelOpen( )
{
    jQuery('#ultimate-pagepeel, #ultimate-pagepeel-offer').stop();
    jQuery('#ultimate-pagepeel-big').stop();
    jQuery('#ultimate-pagepeel-small').stop().animate({opacity:0},timeToOpen);
    jQuery('#ultimate-pagepeel').animate({width:bigImageWidth*safeZone,height:bigImageHeight*safeZone},timeToOpen,'swing');
    jQuery('#ultimate-pagepeel-offer').animate({width:bigImageWidth*safeZone,height:bigImageHeight*safeZone},timeToOpen,'swing');
    jQuery('#ultimate-pagepeel-big').animate({width:bigImageWidth,height:bigImageHeight},timeToOpen, animateThePeelBack);
}

function closePeel()
{
    jQuery('#ultimate-pagepeel, #ultimate-pagepeel-offer').stop();
    jQuery('#ultimate-pagepeel-big').stop();
    jQuery('#ultimate-pagepeel-small').stop().animate({opacity:1},timeToClose);
    jQuery('#ultimate-pagepeel').animate({width:75*safeZone,height:75*safeZone},timeToClose,'swing');
    jQuery('#ultimate-pagepeel-offer').animate({width:75*safeZone,height:75*safeZone},timeToClose,'swing');
    jQuery('#ultimate-pagepeel-big').animate({width:75,height:75},timeToClose,function(){jQuery('#ultimate-pagepeel-small').show().width(75).height(75);animateThePeel();});
    
}

function animateThePeel(nt)
{
    var n = 79+Math.floor(Math.random()*3);

    var t = 1500;		
    if(nt) t = nt;   
    var w = jQuery('#ultimate-pagepeel-big').width();
    if(w > 75)
    n = 75;

    var nw = Math.floor(n*safeZone);
    var nh = Math.floor(n*safeZone);

    jQuery('#ultimate-pagepeel').stop().animate({opacity:1,width:nw,height:nh},t,'swing') //why do we need a first param to ignore?
    jQuery('#ultimate-pagepeel-offer').stop().animate({opacity:0,width:nw,height:nh},t,'swing') //why do we need a first param to ignore?
    jQuery('#ultimate-pagepeel-big').stop().animate({width:n,height:n},t,'swing',animateThePeel);
    jQuery('#ultimate-pagepeel-small').stop().animate({width:n,height:n},t,'swing');

}

function animateThePeelBack(nt)
{
    var r = Math.floor(Math.random()*5);
    var n = bigImageWidth-r;
    var o = bigImageHeight-r;

    var t = 600+r;		
    if(nt) t = nt;   

    var nw = Math.floor(n*safeZone);
    var nh = Math.floor(o*safeZone);

    jQuery('#ultimate-pagepeel').animate({opacity:1,width:nw,height:nh},t,'swing',animateThePeelBack) //why do we need a first param to ignore?
    //jQuery('#ultimate-pagepeel-offer').stop().animate({opacity:0,width:nw,height:nh},t,'swing') //why do we need a first param to ignore?
    //jQuery('#ultimate-pagepeel-big').stop().animate({width:n,height:n},t,'swing',animateThePeelBack);
    //jQuery('#ultimate-pagepeel-small').stop().animate({width:n,height:n},t,'swing');

}