YAHOO.namespace('ewt.subnotes.rollin'); 
	YAHOO.ewt.subnotes.rollin.init = function() {
		var noteAnim1 = new YAHOO.util.Anim('subNote1', { left: {to: -26}}, .6, YAHOO.util.Easing.easeOut);
		var noteAnim2 = new YAHOO.util.Anim('subNote2', { left: {to: 12}}, .6, YAHOO.util.Easing.easeOut);
		var noteAnim3 = new YAHOO.util.Anim('subNote3', { left: {to: 35}}, .6, YAHOO.util.Easing.easeOut);
		var noteAnim4 = new YAHOO.util.Anim('subNote4', { left: {to: 76}}, .6, YAHOO.util.Easing.easeOut);
		noteAnim1.animate();
		noteAnim2.animate();
		noteAnim3.animate();
		noteAnim4.animate();
		
		var noteShadow1 = new YAHOO.util.Anim('subNote1', { opacity: {to: .5}}, .5, YAHOO.util.Easing.easeOut);
		var noteShadow2 = new YAHOO.util.Anim('subNote2', { opacity: {to: .5}}, .5, YAHOO.util.Easing.easeOut);
		var noteShadow3 = new YAHOO.util.Anim('subNote3', { opacity: {to: .5}}, .5, YAHOO.util.Easing.easeOut);
		var noteShadow4 = new YAHOO.util.Anim('subNote4', { opacity: {to: .5}}, .5, YAHOO.util.Easing.easeOut);
		
		noteShadow1.animate();
		noteShadow2.animate();
		noteShadow3.animate();
		noteShadow4.animate();
	}
	
	YAHOO.util.Event.addListener(window, 'load', YAHOO.ewt.subnotes.rollin.init);

	YAHOO.namespace('ewt.subnotes.hover'); 
	YAHOO.ewt.subnotes.hover.init = function() {
		var selected;
		var noteOver1 = new YAHOO.util.Anim('subNote1', { opacity: {to: 1}}, .1, YAHOO.util.Easing.easeOut);
		var noteOver2 = new YAHOO.util.Anim('subNote2', { opacity: {to: 1}}, .1, YAHOO.util.Easing.easeOut);
		var noteOver3 = new YAHOO.util.Anim('subNote3', { opacity: {to: 1}}, .1, YAHOO.util.Easing.easeOut);
		var noteOver4 = new YAHOO.util.Anim('subNote4', { opacity: {to: 1}}, .1, YAHOO.util.Easing.easeOut);
		
		var noteOut1 = new YAHOO.util.Anim('subNote1', { opacity: {to: .5}}, .1, YAHOO.util.Easing.easeOut);
		var noteOut2 = new YAHOO.util.Anim('subNote2', { opacity: {to: .5}}, .1, YAHOO.util.Easing.easeOut);
		var noteOut3 = new YAHOO.util.Anim('subNote3', { opacity: {to: .5}}, .1, YAHOO.util.Easing.easeOut);
		var noteOut4 = new YAHOO.util.Anim('subNote4', { opacity: {to: .5}}, .1, YAHOO.util.Easing.easeOut);
	
		var mOver = function(element) {
			if(selected) {
				mOut(selected);
			}
			var overAnim = new YAHOO.util.Anim(element, { opacity: {to: 1}}, .1, YAHOO.util.Easing.easeOut);
			overAnim.animate();
			selected = element;
		}

		var mOut = function(element) {
			var outAnim = new YAHOO.util.Anim(element, { opacity: {to: .5}}, .1, YAHOO.util.Easing.easeOut);
			outAnim.animate();
			selected = null;
		}


		var n1 = document.getElementById('subNote1');
		YAHOO.util.Event.addListener('subNote1', 'mouseover', function(){mOver('subNote1');});
		YAHOO.util.Event.addListener('subNote1', 'mouseout', function(){mOut('subNote1');});
		for(var i = 0; i < n1.childNodes.length; i++) {
			var child = n1.childNodes[i];
			child.onMouseOver = n1.onMouseOver;
		}

		var n2 = document.getElementById('subNote2');
		YAHOO.util.Event.addListener('subNote2', 'mouseover', function(){mOver('subNote2');});
		YAHOO.util.Event.addListener('subNote2', 'mouseout', function(){mOut('subNote2');});
		for(var i = 0; i < n2.childNodes.length; i++) {
			var child = n2.childNodes[i];
			child.onMouseOver = n2.onMouseOver;
		}

		var n3 = document.getElementById('subNote3');
		YAHOO.util.Event.addListener('subNote3', 'mouseover', function(){mOver('subNote3');});
		YAHOO.util.Event.addListener('subNote3', 'mouseout', function(){mOut('subNote3');});
		for(var i = 0; i < n3.childNodes.length; i++) {
			var child = n3.childNodes[i];
			child.onMouseOver = n3.onMouseOver;
		}
		
		var n4 = document.getElementById('subNote4');
		YAHOO.util.Event.addListener('subNote4', 'mouseover', function(){mOver('subNote4');});
		YAHOO.util.Event.addListener('subNote4', 'mouseout', function(){mOut('subNote4');});
		for(var i = 0; i < n4.childNodes.length; i++) {
			var child = n4.childNodes[i];
			child.onMouseOver = n4.onMouseOver;
		}

		//YAHOO.util.Event.addListener("subNote1", 'mouseover', function(){noteOver1.animate()});
		//YAHOO.util.Event.addListener("subNote1", 'mouseout', function(){noteOut1.animate()});
		//YAHOO.util.Event.addListener("subNote2", 'mouseover', function(){noteOver2.animate()});
		//YAHOO.util.Event.addListener("subNote2", 'mouseout', function(){noteOut2.animate()});
		//YAHOO.util.Event.addListener("subNote3", 'mouseover', function(){noteOver3.animate()});
		//YAHOO.util.Event.addListener("subNote3", 'mouseout', function(){noteOut3.animate()});
		//YAHOO.util.Event.addListener("subNote4", 'mouseover', function(){noteOver4.animate()});
		//YAHOO.util.Event.addListener("subNote4", 'mouseout', function(){noteOut4.animate()});		
	}
	
	YAHOO.util.Event.addListener(window, 'load', YAHOO.ewt.subnotes.hover.init);