﻿//// PRELOADING IMAGES
    if (document.images) {
        email_on = new Image();
        email_off = new Image();
        email_on.src = "http://onthesidedesign.net/images/email_on.png";
        email_off.src = "http://onthesidedesign.net/images/email_off.png";

        twitter_on = new Image();
        twitter_off = new Image();
        twitter_on.src = "http://onthesidedesign.net/images/twitter_on.png";
        twitter_off.src = "http://onthesidedesign.net/images/twitter_off.png";

        linkedIn_on = new Image();
        linkedIn_off = new Image();
        linkedIn_on.src = "http://onthesidedesign.net/images/linkedin_on.png";
        linkedIn_off.src = "http://onthesidedesign.net/images/linkedin_off.png";

        facebook_on = new Image();
        facebook_off = new Image();
        facebook_on.src = "http://onthesidedesign.net/images/facebook_on.png";
        facebook_off.src = "http://onthesidedesign.net/images/facebook_off.png"; 
        
}

function handleOver(daName) {
    if (document.images) eval("document." + daName + ".src=" + daName + "_on.src");
}

function handleOut(daName) {
    if (document.images) eval("document." + daName + ".src=" + daName + "_off.src");
}

function getWindowHeight() {
    var windowHeight = 0;
    if (typeof (window.innerHeight) == 'number') {
        windowHeight = window.innerHeight;
    }
    else {
        if (document.documentElement &&
		document.documentElement.clientHeight) {
            windowHeight = document.documentElement.clientHeight;
        }
        else {
            if (document.body && document.body.clientHeight) {
                windowHeight = document.body.clientHeight;
            }
        }
    }
    return windowHeight;
}

document.getElementsByClassName = function(className) {
        var hasClassName = new RegExp("(?:^|\\s)" + className + "(?:$|\\s)");
        var allElements = document.getElementsByTagName("*");
        var results = [];

        var element;
        for (var i = 0; (element = allElements[i]) != null; i++) {
            var elementClass = element.className;
            if (elementClass && elementClass.indexOf(className) != -1 && hasClassName.test(elementClass))
                results.push(element);
        }

        return results[0];
    }

function setFooter() {
    if (document.getElementById) {
        var windowHeight = getWindowHeight();
        if (windowHeight > 0) {

            


            var containerElement = document.getElementsByClassName('container');
            //containerElement = containerElement[0]

            var contentElement = document.getElementsByClassName('mainContent');
           // contentElement = contentElement[0]

            var footerElement = document.getElementsByClassName('footer');
            //footerElement = footerElement[0]

            var headerHeight = 220;
            var contentHeight = contentElement.offsetHeight + headerHeight;
            var footerHeight = footerElement.offsetHeight;

            //alert(footerHeight);
            // ------------ Positioning -------------------------
            if (contentHeight + footerHeight >= windowHeight) {
                //containerElement.style.height = contentHeight + 'px';
                footerElement.style.top = contentHeight - 10 + 'px';
            }
            if (contentHeight + footerHeight < windowHeight) {
                contentElement.style.height = windowHeight - headerHeight - footerHeight + 'px';
                footerElement.style.top = windowHeight - footerHeight + 'px';

            }

            //-------------------------------------------------------------
        }
    }
} window.onload = function() {
    setFooter();
}
window.onresize = function() {
    setFooter();
}


