var galleryImgWidth = 842;
var galleryImgHeight = 639;

function Main() 
{
    if (HasCSS()) 
    {
        var gbHover = { hover: true, fontFamily: "Gotham Bold" , letterSpacing: -0.1};
        Cufon.replace("h1 .logo", gbHover );
        Cufon.replace(".top .nav ul li a", gbHover );
        Cufon.replace(".billBoard p.gb", { fontFamily: "Gotham Bold", letterSpacing: -0.2 });
        Cufon.replace("h2.gb", { fontFamily: "Gotham Bold", letterSpacing: -0.3 });
        Cufon.replace("h3.gb", { fontFamily: "Gotham Bold", letterSpacing: -0.5 });
        Cufon.replace(".mattsAnnoyingQuoteMark p", { fontFamily: "Gotham Bold", letterSpacing: -0.5 });
        Cufon.now();
    }
}

function HasCSS() 
{
    var w = 100;
    var d = document.createElement("div");
    d.style.width = w+"px";
    document.body.appendChild(d);
    var ow = d.offsetWidth;
    return ow==w;
}


var activeThumb;

function LoadImage(o, url) 
{
    document.getElementById("FullSizeImage").src = url;
    activeThumb = o;
}

function ShowImage() 
{
    var w = 842;
    var h = 639;
    var ox = (window.screen.width/2)-(w/2);
    var oy = $(window).scrollTop();
    var v = "#FullSizeView";
    var offs = $(activeThumb).offset();
    $(v).width($(activeThumb).width());
    $(v).height($(activeThumb).height());
    $(v).css("display", "block");
    $(v).css("left", offs.left);
    $(v).css("top", offs.top);
    $(v).fadeIn(300);
    $(v).animate({ width: galleryImgWidth + "px", height: galleryImgHeight + "px", left: ox + "px", top: oy + "px" }, 300, FinishImage);
}

function FinishImage()
{
    var v = "#FullSizeView";
    $(v).width(galleryImgWidth);
    $(v).height(galleryImgHeight);
}

function HideImage()
{
    document.getElementById("FullSizeView").style.display = "none";
}