//Scripting for gallery Items
	//if adding a new Item, modify CSS also!!!

	//First Gallery
	function startGallery() {
		var myGallery = new gallery($('myGallery'), 
		{
			timed: true
		});
	}
	

	
	
//End Gallery Items


//----------------------------------


//Start morphset for Content Box 1
	var morphSet = function morphSetFunc(){
			
		//change the button location.
		document.getElementById("button").style.marginLeft = '550px';
		document.getElementById("button").style.marginTop = '300px';
		document.getElementById("WC").style.height = '265px';
	
		//now we can set the style properties just like Fx.Tween
		//except now we can set multiple style properties
		this.set({
			'width': 671,
			'height': 382,
		
			//CHANGE IMAGE
			'background-image': 'url("images/RECcontentBox.png")'
			});
		}
	 
	var morphStart = function morphStartFunc(){
		//we can also start out morph like we would start a tween
		//except we can now input multiple style properties
		//code modded by Mr. Enos, and Marcello!!
		if (document.getElementById("morph_element").clientHeight < 383)
		{	
			//change button location.
			document.getElementById("button").style.marginLeft = '550px';
			document.getElementById("button").style.marginTop = '780px';
			document.getElementById("WC").style.height = '800px';
	
			this.start({			
				'width': 671,
				'height': 881,
				'background-image': 'url("images/RECcontentBoxLg.png")',
				'background-repeat': 'no-repeat'
			});
		}
		
		else{
		//change button location.
			document.getElementById("button").style.marginLeft = '550px';
			document.getElementById("button").style.marginTop = '300px';
			document.getElementById("WC").style.height ='265px';
			
			this.start({		
			'width': 671,
			'height': 382,
			'background-image': 'url("images/RECcontentBox.png")'
				});
		}
		/*
		}*/
		
	};