// JavaScript Document
$(document).ready(function(){
	
	
	// wrap big images so that they can be clicked and shrunk
	$('.fillScreen').wrap('<div class="toggleSizeOnClick"></div>');
	$('.toggleSizeOnClick').wrap('<div class="imageGroup"></div>');
    
    
    // show zoom function image on hover
	//$(".imageGroup").hover(
	//	function () {
	//		$(this).prepend('<div class="makeSmaller">&nbsp;</div>');
	//	},
	//	function () {
	//		$('.makeSmaller').remove();
	//	});

	// shrink the images on click, remove shrink option and add expand on click option
	$(".imageGroup").toggle(
		function () {
			$(this).animate({width:'640px'}, 400 );
		},
		function () {
			$(this).animate({width: '100%'}, 400 );
		});
	
	
	// animate image sizes on mouseover in salon page
	$("#imageExpander img")
		.mouseover(function(){
       		$(this).stop().animate(
       			{width: "745px"},
      			{duration:400})
      		})
		.mouseout(function(){
       		$(this).stop().animate(
       			{width: "500px"},
      			{duration:600})      
    		})
    		
    // footer scroll to top of page		
    $(".scrollToTop a").click(function(){
      $('html, body').animate({scrollTop:0}, 'slow'); 
    }); 
    
    // remove the border from the first li in the footer	
    $("#footer ul li:first-child").css("border-left", "none")
    
});