var sub0IsOpen = false;
    var sub1IsOpen = false;

    $(document).ready(function() {
        $(".sub-menu").css("display", "none");
        $(".navigation-column").css("height", "60px");

        galleryButtonHover();

        $("#sub-menu1").hover(
            function() {
                openSubMenu1(true);
            },
            function() {
                openSubMenu1(false);
            }
        );
        $("#sub-menu0").hover(
            function() {
                openSubMenu0(true);
            },
            function() {
                openSubMenu0(false);
            }
        );

        $("#sub-menu1").click(
            function() {
                openSubMenu1(!sub1IsOpen);
            }
        );
        $("#sub-menu0").click(
            function() {
                openSubMenu0(!sub0IsOpen);
            }
        );

        //var theImageHeight = 0;
        //var theImageWidth = 0;
        var myImage = document.getElementById("TheImage");
        if (myImage && (myImage != null)) {
            //theImageHeight = myImage.offsetHeight;
            //theImageWidth= myImage.offsetWidth;
            resize("TheImage", 980, 980);
        }
        $("#TheImage").click(
            function() {
                //resize("TheImage", theImageWidth, theImageHeight);
            }
        );
    });

    function openSubMenu1(show) {
        if (show == true) {
            $("#sub-menu1ul").css("display", "block")
            $("#sub-menu1ul").height("155px")
            //$("#sub-menu1 #sub-menu1ul").animate({ height: 155 })
        }
        else {
            $("#sub-menu1ul").css("display", "none")
            $("#sub-menu1ul").height("42px")
            //$("#sub-menu1 #sub-menu1ul").hide("fast");
            //$("#sub-menu1 #sub-menu1ul").css("height", "42");
        }
        sub1IsOpen = !sub1IsOpen;
    }

    function openSubMenu0(show) {
        if (show == true) {
            $("#sub-menu0ul").css("display", "block")
            $("#sub-menu0ul").height("199px")
            //$("#sub-menu0 #sub-menu0ul").show("fast");
            //$("#sub-menu0 #sub-menu0ul").animate({ height: 199 }, "fast")
        }
        else {
            $("#sub-menu0ul").css("display", "none")
            $("#sub-menu0ul").height("42px")
            //$("#sub-menu0 #sub-menu0ul").hide("fast");
            //$("#sub-menu0 #sub-menu0ul").css("height", "42");
        }
        sub0IsOpen = !sub0IsOpen;
    }

    function popupImage(url, width, height) {
        var win = window.open(url, "ImagePopup", "location=0,status=0,scrollbars=0, width=500,height=350");
        if ((width > win.screen.availWidth) || (height > win.screen.availHeight)) {
            win.resizeTo(win.screen.availWidth, win.screen.availHeight);
            win.moveTo(0, 0);
        }
        else {
            win.resizeTo(width + 40, height + 110);
        }
        win.focus();
    }

    function resize(imgID, maxWidth, maxHeight) {
        var img = document.getElementById(imgID);
        if (img == undefined || img == null) return false;

        if (img.width > maxWidth) {
            img.width = maxWidth;
        }

        if (img.height > maxHeight) {
            img.height = maxHeight;
        }
    } 


    //expires in mins
    function setCookie(name, value, expires, path, domain, secure) {
        var today = new Date();
        today.setTime(today.getTime());

        if (expires) {
            expires = expires * 1000 * 60;
        }
        var expires_date = new Date(today.getTime() + (expires));

        document.cookie = name + "=" + escape(value) +
            ((expires) ? ";expires=" + expires_date.toGMTString() : "") +
            ((path) ? ";path=" + path : "") +
            ((domain) ? ";domain=" + domain : "") +
            ((secure) ? ";secure" : "");
    }

    function getCookie(check_name) {
        var a_all_cookies = document.cookie.split(';');
        var a_temp_cookie = '';
        var cookie_name = '';
        var cookie_value = '';
        var b_cookie_found = false;
        for (i = 0; i < a_all_cookies.length; i++) {
            a_temp_cookie = a_all_cookies[i].split('=');
            cookie_name = a_temp_cookie[0].replace(/^\s+|\s+$/g, '');

            if (cookie_name == check_name) {
                b_cookie_found = true;
                if (a_temp_cookie.length > 1) {
                    cookie_value = unescape(a_temp_cookie[1].replace(/^\s+|\s+$/g, ''));
                }
                return cookie_value;
                break;
            }
            a_temp_cookie = null;
            cookie_name = '';
        }
        if (!b_cookie_found) {
            return null;
        }
    }

function galleryButtonHover(){
    $("#galleryButton1").hover(
       function() {
            document.getElementById("galleryButton1").style.backgroundImage = "url('Images/off.jpg')";
       },
       function() {
            document.getElementById("galleryButton1").style.backgroundImage = "url('Images/on.jpg')";
       }
   );

   $("#galleryButton2").hover(
       function() {
           document.getElementById("galleryButton2").style.backgroundImage = "url('Images/off.jpg')";
       },
       function() {
           document.getElementById("galleryButton2").style.backgroundImage = "url('Images/on.jpg')";
       }
   );
   
   $("#galleryButton3").hover(
       function() {
           document.getElementById("galleryButton3").style.backgroundImage = "url('Images/off.jpg')";
       },
       function() {
           document.getElementById("galleryButton3").style.backgroundImage = "url('Images/on.jpg')";
       }
   );
   
   $("#galleryButton3").hover(
       function() {
           document.getElementById("galleryButton3").style.backgroundImage = "url('Images/off.jpg')";
       },
       function() {
           document.getElementById("galleryButton3").style.backgroundImage = "url('Images/on.jpg')";
       }
   );
   
   $("#galleryButton4").hover(
       function() {
           document.getElementById("galleryButton4").style.backgroundImage = "url('Images/off.jpg')";
       },
       function() {
           document.getElementById("galleryButton4").style.backgroundImage = "url('Images/on.jpg')";
       }
   );
   
   $("#galleryButton5").hover(
       function() {
           document.getElementById("galleryButton5").style.backgroundImage = "url('Images/off.jpg')";
       },
       function() {
           document.getElementById("galleryButton5").style.backgroundImage = "url('Images/on.jpg')";
       }
   );
   
   $("#galleryButton6").hover(
       function() {
           document.getElementById("galleryButton6").style.backgroundImage = "url('Images/off.jpg')";
       },
       function() {
           document.getElementById("galleryButton6").style.backgroundImage = "url('Images/on.jpg')";
       }
   );
   
   $("#galleryButton7").hover(
       function() {
           document.getElementById("galleryButton7").style.backgroundImage = "url('Images/off.jpg')";
       },
       function() {
           document.getElementById("galleryButton7").style.backgroundImage = "url('Images/on.jpg')";
       }
   );
   
}