var focus_div = function (imageDivId, challengeDivId, challengeContent) {

	// decide what to do with each image
	for (var count = 0; count < availableImages.length; count++) {
		// if this is the image to magnify
		if (availableImages[count] == imageDivId) {

			// magnify it if it's not the one already being magnified
			if (selectedImage != imageDivId)
				magnify (availableImages[count], availableImages[count] + "_image");
		}
		// otherwise shrink this image
		else
			destroy_magnification (availableImages[count], availableImages[count] + "_image");
	}
	// record which image is magnified
	selectedImage = imageDivId;

	// display the message
	$(challengeDivId).innerHTML = challengeContent;
}

// magnify the div
var magnify = function (divId, imageId) {
	return;
	jQuery("#" + divId).magnifier ("reset");
	jQuery("#" + divId).magnifier ({ 
									  overlap: true,
									  magnification: 1.23,
									  items: "> a > img",
									  zIndex: "1"
									});
	$(imageId).style.border = "1px solid #000000";
}

// stop the div from being magnified
var destroy_magnification = function (divId, imageId) {
	return;
	jQuery("#" + divId).magnifier ("destroy");

	$(imageId).style.border = "1px solid #FFFFFF";
}

initialize_step_carousel = function () {
	stepcarousel.setup({
		galleryid: 'stepCarousel', //id of carousel DIV
		beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
		panelclass: 'panel', //class of panel DIVs each holding content
		autostep: {enable:true, moveby:1, pause:5000},
		panelbehavior: {speed:500, wraparound:false, persist:true},
		defaultbuttons: {enable: true, moveby: 1, leftnav: ['/images/front/buttons/arrow_left.png', -40, 16], rightnav: ['/images/front/buttons/arrow_right.png', 5, 16]},
		statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
		contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
	})
}