$(function () {
        if ($.browser.msie && $.browser.version < 7) return;
        
        $('#navigation li')
            .removeClass('highlight')
            .find('a')
            .append('<span class="hover" />').each(function () {
                    var $span = $('> span.hover', this).css('opacity', 0);
                    $(this).hover(function () {
                        // on hover
                        $span.stop().fadeTo(500, 1);
                    }, function () {
                        // off hover
                        $span.stop().fadeTo(500, 0);
                    });
                });
                
    });
	$(function () {
		$("#scene").width($("#scenebg").width());
		
		$('#navigation li').click(function () {
			var id =$("a",this).attr("class");
 
			var scene = $("#scene");
			scene.css("z-index",0).animate({top: -583}, "slow", function() { 
					scene.css("top", -583).find(".content").load("page.php?id="+escape(id), function (text) {
						scene.animate({top: "60px"}, "slow", function () {
							$(this).css("z-index",1000);
						});
					});
			});
						
			return false;
		});
		
		$("#scene a[href*=index.php]").live("click",function () {
			var id =$(this).attr("href").replace(/.*?\?/,"");
 
			var scene = $("#scene");
			scene.css("z-index",0).animate({top: -583}, "slow", function() { 
					scene.css("top", -583).find(".content").load("page.php?id="+id, function (text) {
						scene.animate({top: "60px"}, "slow", function () {
							$(this).css("z-index",1000);
						});
					});
			});
						
			return false;
		});
	});