$(document).ready(function () {

    //readthisbeforeproceeding
    $(document).delegate('.comparisontable a.readthisbeforeproceeding', "mouseover", function () {
    var offTopSide = -30;
    var offLeftSide = -340;
    //left side of button
    var currentLeftPosition = $(this).position().left;
    //top side of button
    var currentTopPosition = $(this).position().top;
    //alert(currentTopPosition);
    var myToolTip = $(this).next();
    myToolTip.css("position", "absolute");
    myToolTip.css("top", (currentTopPosition + offTopSide) + "px");
    myToolTip.css("left", (currentLeftPosition + offLeftSide) + "px");
    myToolTip.show();
    });

    $(document).delegate('.comparisontable a.readthisbeforeproceeding', "mouseout", function () {
        $(this).next().hide();
    });

    //- comp table headers
    $(document).delegate('.comparisontable span.tableheadtiptrig', "mouseover", function () {
    var offTopSide = 45;
    var offLeftSide = -20;
    //left side of button
    var currentLeftPosition = $(this).position().left;
    //top side of button
    var currentTopPosition = $(this).position().top;
    //alert(currentTopPosition);
    var myToolTip = $(this).next();
    myToolTip.css("position", "absolute");
    myToolTip.css("top", (currentTopPosition + offTopSide) + "px");
    myToolTip.css("left", (currentLeftPosition + offLeftSide) + "px");
    myToolTip.show();
    });

    $(document).delegate('.comparisontable span.tableheadtiptrig', "mouseout", function () {
        $(this).next().hide();
    });

    //- info symbols
    $(document).delegate('.comparisontable span.isymbol', "mouseover", function () {
    var offTopSide = 20;
    var offLeftSide = -155;
    //left side of button
    var currentLeftPosition = $(this).position().left;
    //top side of button
    var currentTopPosition = $(this).position().top;
    //alert(currentTopPosition);
    var myToolTip = $(this).next();
    myToolTip.css("position", "absolute");
    myToolTip.css("top", (currentTopPosition + offTopSide) + "px");
    myToolTip.css("left", (currentLeftPosition + offLeftSide) + "px");
    myToolTip.show();
    });

    $(document).delegate('.comparisontable span.isymbol', "mouseout", function () {
        $(this).next().hide();
    });

    //astbutt
    $(document).delegate('.comparisontable span.astbutt', "mouseover", function () {
    var offTopSide = 20;
    var offLeftSide = -155;
    //left side of button
    var currentLeftPosition = $(this).position().left;
    //top side of button
    var currentTopPosition = $(this).position().top;
    //alert(currentTopPosition);
    var myToolTip = $(this).next();
    myToolTip.css("position", "absolute");
    myToolTip.css("top", (currentTopPosition + offTopSide) + "px");
    myToolTip.css("left", (currentLeftPosition + offLeftSide) + "px");
    myToolTip.show();
    });

    $(document).delegate('.comparisontable span.astbutt', "mouseout", function () {
        $(this).next().hide();
    });

    //colorbox in comp tables
    $(document).delegate('.comparisontable a.showcolorbox', "click", function (e) {
        e.preventDefault();
        $().colorbox({ transition: "fade", width: "400px", height: "560px", iframe: true, href: this.href });
    });

    //mortgage details popup
    $(document).delegate('.comparisontable a.mortdetails', "click", function (e) {
        e.preventDefault();
        $().colorbox({ transition: "fade", width: "750px", height: "600px", iframe: true, href: this.href });
    });

    //more info pop ups
    $('a.moreinfocolorbox').colorbox({ transition: "fade", width: "740px", height: "600px", iframe: true });

    //moneyspider pop up
    $('a.moneyspidercolorbox').colorbox({ transition: "fade", width: "500px", height: "490px", iframe: true });

    //thinner pop up
    $('a.thincolorbox').colorbox({ transition: "fade", width: "400px", height: "560px", iframe: true });
           
});