$(document).ready(function()
{
    $('#siteBody').css('backgroundImage','url(' + '/images/gradient.jpg' +')');
    
    $("#mainNav ul li").hover(
      function () {
//        $(this).find("ul.subNav").slideDown('fast').show();
        $(this).find("ul.subNav").show();
      },
      function () {
//        $(this).find("ul.subNav").slideUp('fast');
        $(this).find("ul.subNav").hide();
      }
    );

    $('#overlay,#lightBox').click(function()
    {
        $('#lightBox').hide();
        $('#overlay').fadeOut(function() { $('#overlay').remove(); });
        // Show some elements to avoid conflict with overlay in IE. These elements appear above the overlay.
    //  $('embed, object, select').css({ 'visibility' : 'visible' });
    });

    $('.hoverImageBottom').mouseover(function()
    {
       $(this).stop().animate({opacity:0}, 500);
    });

    $('.hoverImageBottom').mouseout(function()
    {
       $(this).stop().animate({opacity:1}, 1000);
    });
    
});

function showLightBox()
{
    var arrPageSizes = getPageSize();
    var arrPageScroll = getPageScroll();

    $('body').append("<div id=\"overlay\"></div>");
    $('#overlay').css({
        backgroundColor:	'#000',
        opacity:		0.6,
        width:			arrPageSizes[0],
        height:			arrPageSizes[1],
        display:                'none'
    }).fadeIn(function() { $('#overlay').show(); });
    
    $('#lightBox').css({
//        top:	arrPageScroll[1] + (arrPageSizes[3] / 10),
        top:	arrPageScroll[1] + 100,
        left:	(arrPageSizes[0] - $('#lightBox').outerWidth()) / 2
    }).show();
}

/**
* getPageSize() by quirksmode.com
*
* @return Array Return an array with page width, height and window width, height
*/
function getPageSize()
{
        var xScroll, yScroll;
        if (window.innerHeight && window.scrollMaxY) {	
                xScroll = window.innerWidth + window.scrollMaxX;
                yScroll = window.innerHeight + window.scrollMaxY;
        } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
                xScroll = document.body.scrollWidth;
                yScroll = document.body.scrollHeight;
        } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
                xScroll = document.body.offsetWidth;
                yScroll = document.body.offsetHeight;
        }
        var windowWidth, windowHeight;
        if (self.innerHeight) {	// all except Explorer
                if(document.documentElement.clientWidth){
                        windowWidth = document.documentElement.clientWidth; 
                } else {
                        windowWidth = self.innerWidth;
                }
                windowHeight = self.innerHeight;
        } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
                windowWidth = document.documentElement.clientWidth;
                windowHeight = document.documentElement.clientHeight;
        } else if (document.body) { // other Explorers
                windowWidth = document.body.clientWidth;
                windowHeight = document.body.clientHeight;
        }	
        // for small pages with total height less then height of the viewport
        if(yScroll < windowHeight){
                pageHeight = windowHeight;
        } else { 
                pageHeight = yScroll;
        }
        // for small pages with total width less then width of the viewport
        if(xScroll < windowWidth){	
                pageWidth = xScroll;		
        } else {
                pageWidth = windowWidth;
        }
        arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight);
        return arrayPageSize;
};
/**
 * getPageScroll() by quirksmode.com
 *
 * @return Array Return an array with x,y page scroll values.
 */
function getPageScroll() {
        var xScroll, yScroll;
        if (self.pageYOffset) {
                yScroll = self.pageYOffset;
                xScroll = self.pageXOffset;
        } else if (document.documentElement && document.documentElement.scrollTop) {	 // Explorer 6 Strict
                yScroll = document.documentElement.scrollTop;
                xScroll = document.documentElement.scrollLeft;
        } else if (document.body) {// all other Explorers
                yScroll = document.body.scrollTop;
                xScroll = document.body.scrollLeft;	
        }
        arrayPageScroll = new Array(xScroll,yScroll);
        return arrayPageScroll;
};