$(document).ready(function() {
  $("#logoButton").toggle(
 	 function() {
 	 	$("img.headerTwo").attr({
			src: 'images/content/logo2.png'});
  	 	$("#logoText").text(' Logo 2');					
     },
   function() {
  		$("img.headerTwo").attr({
			 src: 'images/content/logo.png'});
  		$("#logoText").text(' Logo 1');
  	}
  );
  
   $("#headerButton").toggle(
 	 function() {
 	 	$("#header").css({'background' : 'url(images/layout/header02.gif) repeat-y'});
			
  	 	$("#headerText").text(' Header Background 2');					
     },
/*    function() {
 	 	$("#header").css({'background' : 'url(images/layout/header03.gif) repeat-y'});
			
  	 	$("#headerText").text(' Header Background 3');					
     },
	 function() {
 	 	$("#header").css({'background' : 'url(images/layout/header04.gif) repeat-y'});
			
  	 	$("#headerText").text(' Header Background 4');					
     },
	 function() {
 	 	$("#header").css({'background' : 'url(images/layout/header05.gif) repeat-y'});
			
  	 	$("#headerText").text(' Header Background 5');					
     }, */
	   function() {
 	 	$("#header").css({'background' : 'url(images/layout/header.gif) repeat-y'});
			
  	 	$("#headerText").text(' Header Background 1');					
     }
  );
   
   $("#borderButton").toggle(
 	 function() {
 	 	$("#containerPage").css({'border-width' : '3px 3px 0 3px'});
  	 	$("#borderText").text(' Sides and Top');					
     },
   function() {
 	 	$("#containerPage").css({'border-width' : '3px 3px 3px 3px'});
  	 	$("#borderText").text(' Sides, Top and Bottom');					
     },
	  function() {
 	 	$("#containerPage").css({'border-width' : '0 3px 0 3px'});
  	 	$("#borderText").text(' Sides only');					
     }
  );
   
   $("#hideButton").click(
 	 function() {
 	 	$("#controls").hide();
  	 					
     }
  );
   
 
});