var selectedhomebox = 0;
var slidebg = Array('#F58025','#F58025','#F58025','#D3D2C4','#CC0000','#5F604B','#5F604B','#5F604B');

function homeboxslide(number) {
	
	if(number!=selectedhomebox) {
	
	selectedhomebox = number;
	
	// first enable ALL homebox_shade_# layers!
	$("#homebox_shade_1").fadeIn("slow");
	$("#homebox_shade_2").fadeIn("slow");
	$("#homebox_shade_3").fadeIn("slow");
	$("#homebox_shade_4").fadeIn("slow");
	$("#homebox_shade_5").fadeIn("slow");
	$("#homebox_shade_6").fadeIn("slow");
	$("#homebox_shade_7").fadeIn("slow");
	
	// and then disable the one that we have selected...
	$("#homebox_shade_"+number).fadeOut("slow");
	
	// now let's set all the layers to have no homepage_button_active class.
	$("#homepage_button_box_1").removeClass('homebox_button_active');
	$("#homepage_button_box_2").removeClass('homebox_button_active');
	$("#homepage_button_box_3").removeClass('homebox_button_active');
	$("#homepage_button_box_4").removeClass('homebox_button_active');
	$("#homepage_button_box_5").removeClass('homebox_button_active');
	$("#homepage_button_box_6").removeClass('homebox_button_active');
	$("#homepage_button_box_7").removeClass('homebox_button_active');
	
	$("#homepage_button_box_1").addClass('homepage_button');
	$("#homepage_button_box_2").addClass('homepage_button');
	$("#homepage_button_box_3").addClass('homepage_button');
	$("#homepage_button_box_4").addClass('homepage_button');
	$("#homepage_button_box_5").addClass('homepage_button');
	$("#homepage_button_box_6").addClass('homepage_button');
	$("#homepage_button_box_7").addClass('homepage_button');
	
	$("#homepage_button_box_"+number).addClass('homebox_button_active');
	
	$('#homepage_box_1').fadeOut("slow");
	$('#homepage_box_2').fadeOut("slow");
	$('#homepage_box_3').fadeOut("slow");
	$('#homepage_box_4').fadeOut("slow");
	$('#homepage_box_5').fadeOut("slow");
	$('#homepage_box_6').fadeOut("slow");
	$('#homepage_box_7').fadeOut("slow");
	
	$('#homepage_box_'+number).fadeIn("slow");
	
	}// end of if statement that checks if the current number matches the selected number.

	
}


$(document).ready(function(){
// on document ready, load and activate these functions


$("#homepage_button_2").click(function () { 
      homeboxslide("2");
    });

$("#homepage_button_3").click(function () { 
      homeboxslide("3");
    });

$("#homepage_button_4").click(function () { 
      homeboxslide("4");
    });

$("#homepage_button_5").click(function () { 
      homeboxslide("5");
    });

$("#homepage_button_6").click(function () { 
      homeboxslide("6");
    });

$("#homepage_button_7").click(function () { 
      homeboxslide("7");
    });


homeboxslide('2');

});