// JavaScript Document

$(document).ready(function(){
	//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
	//Vertical Sliding
	$('.boxgrid.slidedown').hover(function(){
		$(".cover", this).stop().animate({top:'-110px'},{queue:false,duration:500});
	}, function() {
		$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:500});
	});
});

			
var t;
function moveUp(list, panel){
	panel.style.backgroundImage='url(img/d/moveup_over.png)';
	t = setTimeout("move("+list+",'up')",10);
}
function moveDown(list, panel){
	panel.style.backgroundImage='url(img/d/movedown_over.png)';
	t = setTimeout("move("+list+",'down')",10);
}
function move(list, dir){
	ltop = parseInt($('#list_'+list).css("top"));
	lheight = parseInt($('#list_'+list).height());
	if((dir=="up")&&(ltop<0)) $('#list_'+list).css("top",ltop+1);
	if((dir=="down")&&(ltop>(-lheight+90))) $('#list_'+list).css("top",ltop-1);
	t = setTimeout("move("+list+",'"+dir+"')",10);
}
function stopMoveUp(panel){
	panel.style.backgroundImage='url(img/d/moveup.png)';
	clearTimeout(t);
}
function stopMoveDown(panel){
	panel.style.backgroundImage='url(img/d/movedown.png)';
	clearTimeout(t);
}