YUI().use("node",
function(Y) {

var fadeIn = function(e){
YUI().use('anim', function(Y) {
    var node = Y.one('body');
 
    var anim = new Y.Anim({
        node: node,
        from: {opacity:'0'},
        to: {opacity:'1'},
        easing: Y.Easing.easeBothStrong,
        duration: 1,
        direction: 'alternate'
    });
    
		anim.run();		
    
});

};

Y.on("load", fadeIn);

window.onbeforeunload = function () {
   fadeIn();
};


var fadeOutsalon = function(e){
	YUI().use('anim', function(Y) {
    var node = Y.one('body');
 
    var anim = new Y.Anim({
        node: node,
        from: {opacity:'1'},
        to: {opacity:'0'},
        easing: Y.Easing.easeBothStrong,
        duration: 1,
        direction: 'alternate'
    });
    
    var gotoURL = function(e){
    window.location = "http://visionsspa.com/salon.html";
;

    }
   
 			anim.on('end', gotoURL);
 			anim.run();

  });    
};


var fadeOutspa = function(e){
	YUI().use('anim', function(Y) {
    var node = Y.one('body');
 
    var anim = new Y.Anim({
        node: node,
        from: {opacity:'1'},
        to: {opacity:'0'},
        easing: Y.Easing.easeBothStrong,
        duration: 1,
        direction: 'alternate'
    });
    
    var gotoURL = function(e){
    window.location = "http://visionsspa.com/spa.html";
    }
   
 			anim.on('end', gotoURL);
 			anim.run();

  });    
};

var fadeOuthome = function(e){
	YUI().use('anim', function(Y) {
    var node = Y.one('body');
 
    var anim = new Y.Anim({
        node: node,
        from: {opacity:'1'},
        to: {opacity:'0'},
        easing: Y.Easing.easeBothStrong,
        duration: 1,
        direction: 'alternate'
    });
    
    var gotoURL = function(e){
    window.location = "http://visionsspa.com/index.html";
    }
   
 			anim.on('end', gotoURL);
 			anim.run();

  });    
};

var fadeOutproduct = function(e){
	YUI().use('anim', function(Y) {
    var node = Y.one('body');
 
    var anim = new Y.Anim({
        node: node,
        from: {opacity:'1'},
        to: {opacity:'0'},
        easing: Y.Easing.easeBothStrong,
        duration: 1,
        direction: 'alternate'
    });
    
    var gotoURL = function(e){
    window.location = "http://visionsspa.com/product.html";
    }
   
 			anim.on('end', gotoURL);
 			anim.run();

  });    
};

var fadeOutpackages = function(e){
	YUI().use('anim', function(Y) {
    var node = Y.one('body');
 
    var anim = new Y.Anim({
        node: node,
        from: {opacity:'1'},
        to: {opacity:'0'},
        easing: Y.Easing.easeBothStrong,
        duration: 1,
        direction: 'alternate'
    });
    
    var gotoURL = function(e){
    window.location = "http://visionsspa.com/packages.html";
    }
   
 			anim.on('end', gotoURL);
 			anim.run();

  });    
};


var fadeOutstaff = function(e){
	YUI().use('anim', function(Y) {
    var node = Y.one('body');
 
    var anim = new Y.Anim({
        node: node,
        from: {opacity:'1'},
        to: {opacity:'0'},
        easing: Y.Easing.easeBothStrong,
        duration: 1,
        direction: 'alternate'
    });
    
    var gotoURL = function(e){
    window.location = "http://visionsspa.com/staff.html";
    }
   
 			anim.on('end', gotoURL);
 			anim.run();

  });    
};


var fadeOutstaff2 = function(e){
	YUI().use('anim', function(Y) {
    var node = Y.one('body');
 
    var anim = new Y.Anim({
        node: node,
        from: {opacity:'1'},
        to: {opacity:'0'},
        easing: Y.Easing.easeBothStrong,
        duration: 1,
        direction: 'alternate'
    });
    
    var gotoURL = function(e){
    window.location = "http://visionsspa.com/staff2.html";
    }
   
 			anim.on('end', gotoURL);
 			anim.run();

  });    
};


var fadeOutcontact = function(e){
	YUI().use('anim', function(Y) {
    var node = Y.one('body');
 
    var anim = new Y.Anim({
        node: node,
        from: {opacity:'1'},
        to: {opacity:'0'},
        easing: Y.Easing.easeBothStrong,
        duration: 1,
        direction: 'alternate'
    });
    
    var gotoURL = function(e){
    window.location = "http://visionsspa.com/contact.html";
    }
   
 			anim.on('end', gotoURL);
 			anim.run();

  });    
};



var clearSpaText = function(e){
YUI().use('anim', function(Y) {
    var HAT = Y.one('#spaText');
 
    var hideAllText = new Y.Anim({
        node: HAT,
        from: {height: '1450px'},
        to: {height: '0px'},
        easing: Y.Easing.easeBothStrong,
        duration: 1.5,
        direction: 'alternate'
    });
    
    
    		var shrinkDivs = function(e){
    				YUI().use('anim', function(Y) {
    				var ST = Y.one('#skinTreat');
 
		   				var skinTreatClose = new Y.Anim({
		       				node: ST,
					        from: {height: '700px'},
					        to: {height: '0px'},
					        easing: Y.Easing.easeBothStrong,
					        duration: .1,
					        direction: 'alternate'
		    			});
		    			
		    			skinTreatClose.run();
					});
					
					YUI().use('anim', function(Y) {
    				var WX = Y.one('#waxing');
 
		   				var waxingClose = new Y.Anim({
		       				node: WX,
					        from: {height: '700px'},
					        to: {height: '0px'},
					        easing: Y.Easing.easeBothStrong,
					        duration: .1,
					        direction: 'alternate'
		    			});
		    			
		    			waxingClose.run();
					});
					
					YUI().use('anim', function(Y) {
    				var AC = Y.one('#acupuncture');
 
		   				var acuClose = new Y.Anim({
		       				node: AC,
					        from: {height: '700px'},
					        to: {height: '0px'},
					        easing: Y.Easing.easeBothStrong,
					        duration: .1,
					        direction: 'alternate'
		    			});
		    			
		    			acuClose.run();
					});
					
					YUI().use('anim', function(Y) {
    				var MS = Y.one('#massage');
 
		   				var massClose = new Y.Anim({
		       				node: MS,
					        from: {height: '700px'},
					        to: {height: '0px'},
					        easing: Y.Easing.easeBothStrong,
					        duration: .1,
					        direction: 'alternate'
		    			});
		    			
		    			massClose.run();
					});
    		};//end of shrinkDivs
   
hideAllText.on('end', shrinkDivs)  
hideAllText.run();
    	
});

};



var showWaxingText = function(e){
	YUI().use('anim', function(Y) {
    var WX = Y.one('#waxing');
	
			var waxOpen = new Y.Anim({
			node: WX,
	        from: {height: '0px'},
	        to: {height: '530px'},
	        easing: Y.Easing.easeBothStrong,
	        duration: .1,
	        direction: 'alternate'
		});
		
					var openSpaText = function(e){
					YUI().use('anim', function(Y) {
    				var OT = Y.one('#spaText');
 
		   				var showText = new Y.Anim({
		       				node: OT,
					        from: {height: '0px'},
					        to: {height: '530px'},
					        easing: Y.Easing.easeBothStrong,
					        duration: 1.5,
					        direction: 'alternate'
		    			});
		    			
		    			showText.run();
					});
					};	
					
	
					YUI().use('anim', function(Y) {
    				var MA = Y.one('#arrow');
 
		   				var moveArrow = new Y.Anim({
		       				node: MA,
					        from: {top: '32px',opacity:'0'},
					        to: {top: '32px',opacity:'1'},
					        easing: Y.Easing.easeBothStrong,
					        duration: .5,
					        direction: 'alternate'
		    			});
		    			
		    			moveArrow.run();
					});
					
		
		waxOpen.on('end', openSpaText)
		waxOpen.run();
	});

};//end of show waxing text

var showskinText = function(e){
	YUI().use('anim', function(Y) {
    var ST = Y.one('#skinTreat');
	
			var skinOpen = new Y.Anim({
			node: ST,
	        from: {height: '0px'},
	        to: {height: '700px'},
	        easing: Y.Easing.easeBothStrong,
	        duration: .1,
	        direction: 'alternate'
		});
		
					var openSpaText = function(e){
					YUI().use('anim', function(Y) {
    				var OT = Y.one('#spaText');
 
		   				var showText = new Y.Anim({
		       				node: OT,
					        from: {height: '0px'},
					        to: {height: '700px'},
					        easing: Y.Easing.easeBothStrong,
					        duration: 1.5,
					        direction: 'alternate'
		    			});
		    			
		    			showText.run();
					});
					};	
					
	
					YUI().use('anim', function(Y) {
    				var MA = Y.one('#arrow');
 
		   				var moveArrow = new Y.Anim({
		       				node: MA,
					        from: {top: '2px',opacity:'0'},
					        to: {top: '2px',opacity:'1'},
					        easing: Y.Easing.easeBothStrong,
					        duration: .5,
					        direction: 'alternate'
		    			});
		    			
		    			moveArrow.run();
					});
					
		
		skinOpen.on('end', openSpaText)
		skinOpen.run();
	});

};//end of show skin text

var showAcuText = function(e){
	YUI().use('anim', function(Y) {
    var ST = Y.one('#acupuncture');
	
			var acuOpen = new Y.Anim({
			node: ST,
	        from: {height: '0px'},
	        to: {height: '1105px'},
	        easing: Y.Easing.easeBothStrong,
	        duration: .1,
	        direction: 'alternate'
		});
		
					var openSpaText = function(e){
					YUI().use('anim', function(Y) {
    				var OT = Y.one('#spaText');
 
		   				var showText = new Y.Anim({
		       				node: OT,
					        from: {height: '0px'},
					        to: {height: '1105px'},
					        easing: Y.Easing.easeBothStrong,
					        duration: 1.5,
					        direction: 'alternate'
		    			});
		    			
		    			showText.run();
					});
					};	
					
	
					YUI().use('anim', function(Y) {
    				var MA = Y.one('#arrow');
 
		   				var moveArrow = new Y.Anim({
		       				node: MA,
					        from: {top: '62px',opacity:'0'},
					        to: {top: '62px',opacity:'1'},
					        easing: Y.Easing.easeBothStrong,
					        duration: .5,
					        direction: 'alternate'
		    			});
		    			
		    			moveArrow.run();
					});
					
		
		acuOpen.on('end', openSpaText)
		acuOpen.run();
	});

};//end of show acu text

var showmassText = function(e){
	YUI().use('anim', function(Y) {
    var ST = Y.one('#massage');
	
			var massOpen = new Y.Anim({
			node: ST,
	        from: {height: '0px'},
	        to: {height: '1500px'},
	        easing: Y.Easing.easeBothStrong,
	        duration: .1,
	        direction: 'alternate'
		});
		
					var openSpaText = function(e){
					YUI().use('anim', function(Y) {
    				var OT = Y.one('#spaText');
 
		   				var showText = new Y.Anim({
		       				node: OT,
					        from: {height: '0px'},
					        to: {height: '1500px'},
					        easing: Y.Easing.easeBothStrong,
					        duration: 1.5,
					        direction: 'alternate'
		    			});
		    			
		    			showText.run();
					});
					};	
					
	
					YUI().use('anim', function(Y) {
    				var MA = Y.one('#arrow');
 
		   				var moveArrow = new Y.Anim({
		       				node: MA,
					        from: {top: '92px',opacity:'0'},
					        to: {top: '92px',opacity:'1'},
					        easing: Y.Easing.easeBothStrong,
					        duration: .5,
					        direction: 'alternate'
		    			});
		    			
		    			moveArrow.run();
					});
					
		
		massOpen.on('end', openSpaText)
		massOpen.run();
	});

};//end of show mass text





var salonClick = function(e){
	fadeOutsalon();
}


var homeClick = function(e){
	fadeOuthome();
}

var spaClick = function(e){
	fadeOutspa();
}

var productClick = function(e){
	fadeOutproduct();
}

var packagesClick = function(e){
	fadeOutpackages();
}

var staffClick = function(e){
	fadeOutstaff();
}

var contactClick = function(e){
	fadeOutcontact();
}

var meetClick = function(e){
	fadeOutstaff2();
}

var skinClick = function(e){
	clearSpaText();
	Y.later(2000, null, showskinText); 
	Y.on("click", waxingClick,"#wax");
	Y.on("click", acuClick,"#acu");
	Y.on("click", massClick,"#mass");
	Y.one('#ST').detach('click', skinClick);
}

var waxingClick = function(e){
	clearSpaText();
	Y.later(2000, null, showWaxingText); 
	Y.on("click", skinClick,"#ST");
	Y.on("click", acuClick,"#acu");
	Y.on("click", massClick,"#mass");
	Y.one('#wax').detach('click', waxingClick);
}

var acuClick = function(e){
	clearSpaText();
	Y.later(2000, null, showAcuText); 
	Y.on("click", skinClick,"#ST");
	Y.on("click", waxingClick,"#wax");
	Y.on("click", massClick,"#mass");
	Y.one('#acu').detach('click', acuClick);
}

var massClick = function(e){
	clearSpaText();
	Y.later(2000, null, showmassText); 
	Y.on("click", skinClick,"#ST");
	Y.on("click", waxingClick,"#wax");
	Y.on("click", acuClick,"#acu");
	Y.one('#mass').detach('click', massClick);
}

var FBClick = function(e){
	window.location = "http://www.facebook.com/pages/Visions-Salon-and-Spa/137714982952671?v=wall";
}

var mailClick = function(e){
	window.location = "mailto:info@visionssalon.net";
}

Y.on("click", salonClick,"#salon");
Y.on("click", homeClick,"#home");
Y.on("click", spaClick,"#spa");
Y.on("click", productClick,"#product");
Y.on("click", packagesClick,"#packages");
Y.on("click", staffClick,"#staff");
Y.on("click", contactClick,"#contact");
Y.on("click", waxingClick,"#wax");
Y.on("click", acuClick,"#acu");
Y.on("click", massClick,"#mass");
Y.on("click", FBClick,"#FB");
Y.on("click", mailClick,"#mail");
Y.on("click", meetClick,"#meet");



});