		$(function()
			{
				qm_create(0,false,0,500,false,false,false,false,false);
				// this initialises the demo scollpanes on the page.
				$('#newspanel').jScrollPane({showArrows:true});
				$('#calpanel').jScrollPane({showArrows:true});

				$('#nav1').hover(
					function() { $('#whomhelp').addClass("down");  },
					function() { $('#whomhelp').removeClass("down"); }
				);
				$('#nav2').hover(
					function() { $('#topicsissues').addClass("down");  },
					function() { $('#topicsissues').removeClass("down"); }
				);
				$('#nav3').hover(
					function() { $('#oursolutions').addClass("down");  },
					function() { $('#oursolutions').removeClass("down"); }
				);

			});


stepcarousel.setup({
	galleryid: 'carousel', //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:10000},
	panelbehavior: {speed:500, wraparound:false, persist:false},
	defaultbuttons: {enable: true, moveby: 1, leftnav: ['/images/home/carousel/arrowleft.png', 15, 270], rightnav: ['/images/home/carousel/arrowright.png', -40, 270]},
	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']
});


