$(document).ready(function() {
    $('#divBeingLogo').css({ 'background': '#fff' });
    var BrowserDetect = {
        init: function() {
            this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
            this.version = this.searchVersion(navigator.userAgent)
				|| this.searchVersion(navigator.appVersion)
				|| "an unknown version";
            this.OS = this.searchString(this.dataOS) || "an unknown OS";
        },
        searchString: function(data) {
            for (var i = 0; i < data.length; i++) {
                var dataString = data[i].string;
                var dataProp = data[i].prop;
                this.versionSearchString = data[i].versionSearch || data[i].identity;
                if (dataString) {
                    if (dataString.indexOf(data[i].subString) != -1)
                        return data[i].identity;
                }
                else if (dataProp)
                    return data[i].identity;
            }
        },
        searchVersion: function(dataString) {
            var index = dataString.indexOf(this.versionSearchString);
            if (index == -1) return;
            return parseFloat(dataString.substring(index + this.versionSearchString.length + 1));
        },
        dataBrowser: [
			{
			    string: navigator.userAgent,
			    subString: "Chrome",
			    identity: "Chrome"
			},
			{ string: navigator.userAgent,
			    subString: "OmniWeb",
			    versionSearch: "OmniWeb/",
			    identity: "OmniWeb"
			},
			{
			    string: navigator.vendor,
			    subString: "Apple",
			    identity: "Safari",
			    versionSearch: "Version"
			},
			{
			    prop: window.opera,
			    identity: "Opera"
			},
			{
			    string: navigator.vendor,
			    subString: "iCab",
			    identity: "iCab"
			},
			{
			    string: navigator.vendor,
			    subString: "KDE",
			    identity: "Konqueror"
			},
			{
			    string: navigator.userAgent,
			    subString: "Firefox",
			    identity: "Firefox"
			},
			{
			    string: navigator.vendor,
			    subString: "Camino",
			    identity: "Camino"
			},
			{		// for newer Netscapes (6+)
			    string: navigator.userAgent,
			    subString: "Netscape",
			    identity: "Netscape"
			},
			{
			    string: navigator.userAgent,
			    subString: "MSIE",
			    identity: "Explorer",
			    versionSearch: "MSIE"
			},
			{
			    string: navigator.userAgent,
			    subString: "Gecko",
			    identity: "Mozilla",
			    versionSearch: "rv"
			},
			{ 		// for older Netscapes (4-)
			    string: navigator.userAgent,
			    subString: "Mozilla",
			    identity: "Netscape",
			    versionSearch: "Mozilla"
			}
		],
        dataOS: [
			{
			    string: navigator.platform,
			    subString: "Win",
			    identity: "Windows"
			},
			{
			    string: navigator.platform,
			    subString: "Mac",
			    identity: "Mac"
			},
			{
			    string: navigator.userAgent,
			    subString: "iPhone",
			    identity: "iPhone/iPod"
			},
			{
			    string: navigator.platform,
			    subString: "Linux",
			    identity: "Linux"
			}
		]

    };
    BrowserDetect.init();

    var browser = BrowserDetect.browser

    //Declare variables
    var heightDivHomepageFeature;
    var heightDivHomepageText;
    var heightDivSidePanel;

    //Assign variables
    heightDivHomepageFeature = document.getElementById("divHomepageFeature").clientHeight;
    heightDivHomepageText = document.getElementById("divHomepageText").clientHeight;
    heightDivSidePanel = document.getElementById("divSidePanel").clientHeight;
	newheightDivSidePanel = document.getElementById("divContent").clientHeight - 45;

    if (browser == 'Explorer' || browser == 'Firefox' || browser == 'Safari' || browser == 'Opera' || browser == 'Chrome') {
        if ((heightDivHomepageFeature + heightDivHomepageText + 70) > heightDivSidePanel) {
            heightDivSidePanel = ((heightDivHomepageFeature + heightDivHomepageText) - 70);
            //document.getElementById("divSidePanel").style.height = heightDivSidePanel + 'px';
			document.getElementById("divSidePanel").style.height = newheightDivSidePanel + 'px';
        }
        else if ((heightDivHomepageFeature + heightDivHomepageText + 70) < heightDivSidePanel) {
            heightDivHomepageText = (heightDivSidePanel - (heightDivHomepageFeature + 70));
            document.getElementById("divHomepageText").style.height = heightDivHomepageText + 'px';
        }
    }

    $('.hoverImages').hover(
        function() {

            var hovImgId = $(this).id;
            var imgSrc = $(this).attr('src');
            var imgSrcArr = imgSrc.split(".");
            var newImgSrc = imgSrcArr[0] + "_big." + imgSrcArr[1];
            $(this).parent().css({ 'position': 'relative', 'display': 'block' });
            $(".divHeader").css({ 'z-index': '-10', 'position': 'normal'});
            $(this).after("<div class='hovImgHolder' style='display:none;'><img class='hovImgs' src='" + newImgSrc + "' /></div>");
            $(".hovImgHolder").css({ 'z-index': '5000', 'position': 'absolute' });
            $(".hovImgHolder").fadeIn("slow");
            
        },
        function() {
            $(".hovImgHolder").fadeOut("slow");
            $(".hovImgHolder").remove();
        }
    );
    
    $('a[href^=http]').click( function() {
   	        window.open(this.href);
    	        return false;
    	        });

});