WAVEBOX V1.1, LA SLIDEBAR SEXY

// -------------------------------------------
// Wavebox v1.1
// By drawave - http://www.drawave.bplaced.net
// -------------------------------------------

// Move
function move(target){	
	if(width<target){ 
		k=Math.min(k+=0.05, Math.PI/2);
		width=Math.sin(k)*boxmax;
		box.style.width=width+'px';
	}
	if(width>target){
		k=Math.max(k-=0.05,0);
		width=Math.sin(k)*boxmax;
		box.style.width=width+'px';
	}
	if(width==target){
		window.clearInterval(timer);
	}
}

// Open
function boxopen(){
	if(moving){
		window.clearInterval(timer);
	}
	box.className='back';
	moving=true;
	timer=window.setInterval('move(boxmax)',1);
}

// Close
function boxclose(){
	if(moving){
		window.clearInterval(timer);
	}	
	box.className='open';
	moving=true;
	timer=window.setInterval('move(boxmin)',1);
}

// Wavebox
window.onload = function(){
	box=document.getElementById('wavebox');
	size=box.clientHeight;
	boxmax=box.clientWidth-size;	
	k=width=boxmin=0;
	box.style.width=width+'px';
	box.className='open';
	moving=false;	
	timer=false;
	box.onmouseover = boxopen;
	box.onmouseout = boxclose;
}