/*
jQuery
TODO
========
* actually make this animate...
$(document).ready(function() {
// console.log("DOM is ready!");
// #mw-panel .portal hidden
// #mw-panel width is 2em
var openWidth = "10em";
var closedWidth = "2em";
var animationDuration = 500;
$("#mw-panel").hover(function() {
// console.log("Hovering.");
$(this).stop().animate({ width: openWidth }, animationDuration);
// console.log("Panel opened!");
$("#content").stop().animate({ marginLeft: openWidth }, animationDuration);
// console.log("Content moved!");
$("#left-navigation").stop().animate({ marginLeft: openWidth }, animationDuration);
// console.log("Nav moved!");
$("#mw-panel .portal").show();
// console.log("You're portals are showing...");
}, function() {
// console.log("Mouse leaving.");
$(this).stop().animate({ width: closedWidth }, animationDuration);
// console.log("Panel closed");
$("#content").stop().animate({ marginLeft: closedWidth }, animationDuration);
// console.log("Content returned");
$("#left-navigation").stop().animate({ marginLeft: "0" }, animationDuration);
// console.log("Nav returned");
$("#mw-panel .portal").hide();
// console.log("Where'd my portals go?");
});
});