$(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[2] + "_big." + imgSrcArr[3];
            $(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;
    });
    var timer;
    timer = setInterval(function(){scrollPanels();}, 3000);
    
   


}); 

    function scrollPanels() {
     if (!window.location.hash) {
       var currPanel = 0;
        var maxWidth = 1530
        var PanelWidth = 255;
        var currLeft = 0;
var newPanel = 0;
        $("#stripNav0 ul li a").each(function() {
            if ($(this).attr("class") == 'current') {
  //              currPanel = $(this).attr("href").replace("#", "");
		currPanelArr = $(this).attr("href").split("#");  
		currPanel = currPanelArr[1];              
		$(this).attr("class", "");
            }

        });
currPanel = parseInt(currPanel);

       if (currPanel != 6) {
            newPanel = currPanel + 1;
            newPanelId = "#" + newPanel;
            
        }
        else {
            //$("#stripNav0 ul li a[href=#1]").attr("class", "current");
            newPanel = 1;
            newPanelId = "#1";
        }

       $("#stripNav0 ul li a").each(function() {
		hrefArr = $(this).attr("href").split("#");	
            if (newPanel == hrefArr[1]) {
              $(this).attr("class", "current");   
            }
        });
        newPanel = newPanel - 1;
        currLeft = 0 - (255 * parseInt(newPanel));
        $("div.panelContainer").animate({ left: currLeft }, 750, "expoinout");
 

     }

        
    }