$(document).ready(function() {
	$("#btnMenu").click(function() {
		if ($("#startMenu").css("top") != "0px") {
			$("#startWrapper").css({display: "inline"});
			$("#startMenu").animate({top: "0px"}, "fast");
		}
		else {
			$("#startMenu").animate({top: "-480px"}, "fast", function() { $("#startWrapper").css({display: "none"})});
		}
	});
	$("#startMenu").hover(function(){}, function() { $("#startMenu").animate({top: "-480px"}, "fast", function() { $("#startWrapper").css({display: "none"})})});
	
	$("#lArrow").click(function() {
	   $("#thumbs").animate({marginLeft: "0px"}, "fast");
    });
    $("#rArrow").click(function() {
	   $("#thumbs").animate({marginLeft: "-620px"}, "fast");
    });
    /*$("#categories p a").hover(function(e) {
        $(this).fadeTo("500", .6);
        popcat = $("img", this).attr("src");
        $("#popup").show();
        $.ajax({
            type: "POST",
            url: "popup.php",
            dataType: "html",
            data: "cat="+popcat,
            success: function(data) {
                $("#popup-inner").html(data);
            }
        });
            $(this).addClass("done");
    }, function() {
        $(this).fadeTo("500", 1);
        $("#popup").hide();
        $("#popup-inner").html("");
    });*/
    
});

document.onmousemove = mouseMove; 

function mouseMove(ev) {
    ev = ev || window.event;
    mousePOS = mouseCoords(ev);
    
    newTop = mousePOS.y - 215;
    newLeft = mousePOS.x;
    
    $("#popup").css("top", newTop);
    $("#popup").css("left", newLeft);

}

function mouseCoords(ev){ 
	    if(ev.pageX || ev.pageY){ 
	        return {x:ev.pageX, y:ev.pageY}; 
	    } 
	    return { 
	        x:ev.clientX + document.body.scrollLeft - document.body.clientLeft, 
	        y:ev.clientY + document.body.scrollTop  - document.body.clientTop 
	    }; 
16	}