function removeIntro(){
		jQuery('#introBox').css({zindex: '80' });
        jQuery('#overlay2').animate({opacity: '0'}, 3000, function(){jQuery('#overlay2').remove();});
        jQuery('#introBox').remove();
    }
        
    jQuery(function() {
        
        jQuery("#intro-background").css({backgroundPosition: '-116px 0px' });
        jQuery("#appreciation-background").css({backgroundPosition: '-147px 0px' });
        jQuery("#gallery-background").css({backgroundPosition: '-129px 0px' });
        jQuery("#about-background").css({backgroundPosition: '136px 0px' });
        jQuery("#contact-background").css({backgroundPosition: '109px 0px' });
        jQuery("#exhibitions-background").css({backgroundPosition: '131px 0px' });
        
        jQuery("#intro").mouseenter(function() {
        jQuery("#intro-background").stop().animate({backgroundPosition: '0px 0px'}, 250, 'linear');
        });
        
        jQuery("#intro").mouseleave(function() {
        jQuery("#intro-background").stop().animate({backgroundPosition: '-116px 0px'}, 250, 'linear');
        });
        
        jQuery("#appreciation").mouseenter(function() {
        jQuery("#appreciation-background").stop().animate({backgroundPosition: '0px 0px'}, 250, 'linear');  
        });
        
        jQuery("#appreciation").mouseleave(function() {
        jQuery("#appreciation-background").stop().animate({backgroundPosition: '-147px 0px'}, 250, 'linear');  
        });
        
        jQuery("#gallery").mouseenter(function() {
        jQuery("#gallery-background").stop().animate({backgroundPosition: '0px 0px'}, 250, 'linear');  
        });
        
        jQuery("#gallery").mouseleave(function() {
        jQuery("#gallery-background").stop().animate({backgroundPosition: '-129px 0px'}, 250, 'linear');  
        });
        
        jQuery("#about").mouseenter(function() {
        jQuery("#about-background").stop().animate({backgroundPosition: '0px 0px'}, 250, 'linear');
        });
        
        jQuery("#about").mouseleave(function() {
        jQuery("#about-background").stop().animate({backgroundPosition: '136px 0px'}, 250, 'linear');
        });
        
        jQuery("#contact").mouseenter(function() {
        jQuery("#contact-background").stop().animate({backgroundPosition: '0px 0px'}, 250, 'linear');  
        });
        
        jQuery("#contact").mouseleave(function() {
        jQuery("#contact-background").stop().animate({backgroundPosition: '109px 0px'}, 250, 'linear'); 
        });
        
        jQuery("#exhibitions").mouseenter(function() {
        jQuery("#exhibitions-background").stop().animate({backgroundPosition: '0px 0px'}, 250, 'linear');  
        });
        
        jQuery("#exhibitions").mouseleave(function() {
        jQuery("#exhibitions-background").stop().animate({backgroundPosition: '131px 0px'}, 250, 'linear');  
        });
        
    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;
		}

		return [pageWidth,pageHeight];
	}
        
        var arrayPageSize = getPageSize();
        jQuery("body").append("<div id='overlay2'></div>");
        jQuery('#overlay2').css({ width: arrayPageSize[0] + 'px', height: arrayPageSize[1] + 'px' });
        var leftBump = (arrayPageSize[0] - 900)/2;
        var topBump = (arrayPageSize[1] - 609)/2;
        jQuery("body").append("<div id='introBox'><object width='900' height='522'><param name='movie' value='flash/intro.swf'><param name='wmode' value='transparent'><embed src='flash/intro.swf' wmode='transparent' width='900' height='522'></embed></object></div>");
        jQuery("#introBox").css({left: leftBump + 'px', height: arrayPageSize[1] +'px', padding: topBump + 'px 0px 0px 0px'});
        
    });
    
    setTimeout ("removeIntro()", 6000 );