﻿// JScript File
var mediaContent = document.getElementById("mediacontent");
var mediaBlocker = document.getElementById("mediablocker");
var mediaImage;

function showMedia(img) {
    mediaContent = document.getElementById("mediacontent");
    mediaBlocker = document.getElementById("mediablocker");
    mediaContent.innerHTML=("Loading, please wait...");
    mediaImage = new Image();
    mediaImage.src = "/About/images/news/" + img;
    mediaImage.title = "Click image to close...";
    if(mediaImage.complete) {
        loadImage();
    } else {
        mediaImage.onload = loadImage;
    }
    mediaImage.onclick = "javascript:closeMedia();";
    return true;
}

function loadImage() {
    var browserHeight = document.documentElement.clientHeight;
    var browserWidth = document.documentElement.clientWidth;
    
    var centerWidth = (browserWidth - mediaImage.width) / 2;
    var centerHeight = (browserHeight - mediaImage.height) / 2;
    
    if(centerWidth < 0) {
        centerWidth = 0;
    }
    
    if(centerHeight < 0) {
        centerHeight = 0;
    }
    
    mediaContent.style.margin= centerHeight + "px 0px 0px " + centerWidth + "px";
    mediaContent.style.width = mediaImage.width;
    mediaContent.style.height = mediaImage.height;
    
    mediaContent.innerHTML = "<img src='" + mediaImage.src + "' onClick='return(closeMedia());' alt='Media Article' title='Click image to close...' />";

    mediaBlocker.style.display='block';
    mediaContent.style.display='block';
}

function closeMedia() {
    mediaContent.style.display='none';
    mediaBlocker.style.display='none';
}