// JavaScript Document
window.addEvent('domready', function() {
	
	
	
	
	// photos.html
	$$('.thumbphoto').each(function(el){
		el.addEvent('mouseover', function(event) {
			
			var id = el.id.substring(0,el.id.length-1);
			$(id).setStyle('visibility','visible');
		});
		
		el.addEvent('mouseout', function(event) {
			$$('.over_photos').each(function(el){el.setStyle('visibility','hidden');});
		});	
	})
	
	
	// Show Bios
	$$('.bio_button').each(function(el){
		el.addEvent('click', function(event) {
			$$('p.bio').each(function(el){el.setStyle('visibility','hidden');});
			
			var id = el.id.substring(0,el.id.length-1);
			$(id).setStyle('visibility','visible');
		});
	})
	
	// Thumbnails // for pages: dress1,dress2,share,wear
	$$('.thumbnail').each(function(el){
		el.addEvent('click', function(event) {
			$$('img.photos').each(function(el){el.setStyle('visibility','hidden');});

			$$('img.main_photos').each(function(el){el.setStyle('visibility','hidden');});
			
			var id = el.id.substring(0,el.id.length-1);
			$(id).setStyle('visibility','visible');
		});
	})
	
	
	// Menu Buttons (mouseover animation)
	$$('.button').each(function(el){
		// Uses the id of any element with class button and adds mouseover and mouseout events
		el.addEvent('mouseover', function(event) {
			// takes the id and subtracts the last 4 letters (Link) and adds Image
			var id = el.id.substring(0,el.id.length-4)+'Image';
			$(id).src = $(id).src.substring(0,$(id).src.length-4)+'F.png';
		});
		el.addEvent('mouseout', function(event) {
			var id = el.id.substring(0,el.id.length-4)+'Image';
			$(id).src = $(id).src.substring(0,$(id).src.length-5)+'.png';
		});
	})
	//End
});