/// <reference path="./JQuery/jquery-1.2.3-intellisense.js"/>
/// <reference path="./JQuery/jquery.debug.js"/>
/// <reference path="./JQuery/jquery.livequery.js"/>
/// <reference path="./swfobject.js"/>


function onDocumentReady()
{
    $("#divStep1, #divStep2, #divStep3").opacity(0);
    $("#divStep1, #divStep2, #divStep3").css("visibility","visible");
    $("#divStep1, #divStep2, #divStep3").css("cursor","pointer");
    
    $("#divStep1").fadeTo(500,1);
    $("#divStep1").queue(function() {
        $("#divStep2").fadeTo(500,1)
        $(this).dequeue();
        $("#divStep2").queue(function() {
            $("#divStep3").fadeTo(500,1)
            $(this).dequeue();
        });
    });
    
    $("#divStep1, #divStep2, #divStep3").click(function() {
    
        var clone = $(this).clone().appendTo("body").css("position","absolute").css("left",$(this).offset().left).css("top",$(this).offset().top).width($(this).width()).height($(this).height());
        clone.css("background-image","url(/Linked/Images/promo-site/lighbox-bg.jpg)");
        clone.css("z-index","5001");
        clone.animate({left:$("#divBody").offset().left+10, top:$("#divBody").offset().top+20, width:900, height:450}, 500, "linear", function() { $(".hide",clone).fadeIn(); });
        var interactionBlocker = $("<div id=\"interactionBlocker\">&nbsp;</div>").appendTo("body").css("position","absolute").css("width","100%").css("height","400%").css("background-color","#000").css("top","0px").css("z-index","5000").opacity(0).fadeTo(500,0.5);
        
        $('html,body').animate({scrollTop: 100}, 500);
        $("body,html").css("overflow","hidden");
        clone.click(function() {
            $(this).fadeOut(500, function() { $(this).remove(); });
            $("#interactionBlocker").fadeOut(500, function() { $(this).remove(); });
            $("body,html").css("overflow","auto");
        });
    });
}

$(document).ready(onDocumentReady);