$(document).ready(function() {


    $("#Outerbox").hide();
    $('.jackbox').live('click', function(e) {

        var imageattributes = document.getElementById("ctl00_ContentPlaceHolder1_lrgImage").attributes;
        imageattributes.getNamedItem("height").value = "399";
        imageattributes.getNamedItem("width").value = "281";

        //$("#ctl00_ContentPlaceHolder1_lrgImage").height("399px");
        //$("#ctl00_ContentPlaceHolder1_lrgImage").width("281px");

        //$(".jackbox").click(function(e) {



        e.preventDefault();
        //Get the A tag


        var id = "#dialog";
        var hrefid = $(this).attr('href');

        
        var nameid = $(this).attr('name');
        var altid = $(this).attr('alt');
        relid = $(this).attr('rel');
        revid = $(this).attr('rev');
        //alert(relid);


        var parseThis = $(this);


        if ($(this).hasClass("mask")) {


            //Get the screen height and width
            var maskHeight = $(document).height();
            var maskWidth = $(window).width();


            //Set height and width to mask to fill up the whole screen
            $('#mask').css({ 'width': maskWidth, 'height': maskHeight });

            //transition effect       
            $('#mask').fadeIn(1000);
            $('#mask').fadeTo("slow", 0.8);

        }

        function findPosition(oElement) {
            if (typeof (oElement.offsetParent) != 'undefined') {
                for (var posX = 0, posY = 0; oElement; oElement = oElement.offsetParent) {
                    posX += oElement.offsetLeft;
                    posY += oElement.offsetTop;
                }
                //alert("x " + posX + " and y " + posY + "");
            } else {
                //alert("" + oElement.x + " and " + oElement.y + "");
            }
        }


        //Get the window height and width
        var winH = $(window).height();
        var winW = $(window).width();




        function CreateDelegate(contextObject, delegateMethod) {


            return function() {

                return delegateMethod.apply(contextObject, arguments);
            }
        }

        function imgTesting_onload() {
            //alert(this.width + " by " + this.height);
            //resize box to fit.

            if ((parseThis).hasClass("resize")) {


                newheight = this.height + 48; // 33 pixels higher to allow for the close button and padding.
                newwidth = this.width + 20;
                $("#dialog").css("width", newwidth + "px");
                $("#dialog").css("height", newheight + "px");

            }


            displayTime(parseThis);
        }








        data3 = "";
        // detect if the href contains .jpg, .jpeg, .gif, or .png. If it does, create a standard image call and insert target.

        //alert(altid);
        if ((hrefid.indexOf(".jpg") > -1) || (hrefid.indexOf(".jpeg") > -1) || (hrefid.indexOf(".gif") > -1) || (hrefid.indexOf(".png") > -1)) {

            holderBlock = "<div style=\"float:right; padding:10px; background:#ffffff;\"><img src=\"http://www.aubinandwills.com/Images/Global/thickboxClose.jpg\" align=\"right\" class=\"close\" /><br /><img src=" + hrefid + " style=\"padding-top:10px\" /></div>";
            var imgTesting = new Image();

            // imgTesting.onload = CreateDelegate(imgTesting, imgTesting_onload);
            imgTesting_onload();
            imgTesting.src = hrefid;

            $(".detailsWrapper").hide();

        }
        else {

            $.post(hrefid, function(data) {
                //alert(data);
                if ((parseThis).hasClass("iefix")) {
                    data3 = data;
                    data4 = data3.indexOf('<script');
                    data = data3.substring(data4, 940);
                }
                holderBlock = "<div style='float:right;'><img src=\"http://www.aubinandwills.com/Images/Global/thickboxClose.jpg\" align=\"right\" class=\"close\" style=\"padding:5px;\" /><br /><br />" + data + "</div>";
                //$("#innerbox").html("<div style='float:right;'><img src=\"http://www.aubinandwills.com/Images/Global/thickboxClose..jpg\" align=\"right\" class=\"close\" /><br />" + data + "</div>");
                dataExternal = data;

                $(".detailsWrapper").hide();

                displayTime(parseThis);

            });

            //end else statement
        }


        function displayTime(parseThis) {

            if ((parseThis).hasClass("slide")) {



                $("#innerbox").slideDown(2000, function() {

                    $(id).html("<div id='innerbox'>" + holderBlock + "</div>");

                    $("#innerbox").css("margin-top", topOffset);
                    $("#innerbox").css("margin-left", leftOffset);


                });

            }
            if ((parseThis).hasClass("fade")) {
                $(id).fadeIn(2000);
                $(id).html("<div id='innerbox'>" + holderBlock + "</div>");
                //Set the popup window to center
                var offset = $(nameid).offset();
                var offset2 = $("#innerbox").offset();
                //alert(offset.left);
                // alert(().attr('relid'));
                topOffset = offset.top - (offset2.top - parseFloat(relid));
                leftOffset = offset.left - (offset2.left - parseFloat(revid));



                $("#innerbox").css("margin-top", topOffset);
                $("#innerbox").css("margin-left", leftOffset);


            }
            if ((parseThis).hasClass("normal")) {

                $(id).html("<div id='innerbox'>" + holderBlock + "</div>");
                $("#Outerbox").show();
                $(id).show();
                //Set the popup window to center
                var offset = $(nameid).offset();
                var offset2 = $("#innerbox").offset();
                //alert(offset.left);
                // alert(().attr('relid'));
                topOffset = offset.top - (offset2.top - parseFloat(relid));
                leftOffset = offset.left - (offset2.left - parseFloat(revid));

                //alert(offset.top);
                //alert(offset.left);

                //alert(topOffset);
                // alert(leftOffset);

                leftOffset = "145px";

                $("#innerbox").css("margin-top", topOffset);
                $("#innerbox").css("margin-left", leftOffset);




            }

            if ((parseThis).hasClass("movie")) {
                $(id).show();
                $(id).html("<div id='innerbox'><center><img src='/Images/global/counting_30.gif'></center><br /><br /><br /><br /><br /><br /><br /></div>");
                window.setTimeout(function() {
                    //$(id).html(dataExternal);
                    $(id).html("<div id='innerbox'>" + holderBlock + "</div>");
                }, 2000);
            }
        }







    });

    //if close button is clicked
    $('.close').live('click', function(e) {
        //Cancel the link behavior
        e.preventDefault();
        $("#Outerbox").hide();
        $(".detailsWrapper").show();
        $('#mask, .window').hide();
    });

    //if mask is clicked
    $('#mask').click(function() {
        $(this).hide();
        $('.window').hide();
    });

    // end document.ready

    //alert($(".jackbox").attr("href"));
});