stepcarousel.setup({
								galleryid: 'mygallery1',
								beltclass: 'belt',
								panelclass: 'panel',
								autostep: {enable:false, moveby:1, pause:3000},
								panelbehavior: {speed:500, wraparound:false, persist:true},
								defaultbuttons: {enable: true, moveby: 3, leftnav: ['/images/left_button.gif', -18, 140], rightnav: ['/images/right_button.gif', 0, 140]},
								statusvars: ['statusA', 'statusB', 'statusC'],
								contenttype: ['ajax', '/ajax/ajax.php?f=pfo&id=1'],
								portfolio: 'portfolio1'
							});
stepcarousel.setup({
								galleryid: 'mygallery9',
								beltclass: 'belt',
								panelclass: 'panel',
								autostep: {enable:false, moveby:1, pause:3000},
								panelbehavior: {speed:500, wraparound:false, persist:true},
								defaultbuttons: {enable: true, moveby: 3, leftnav: ['/images/left_button.gif', -18, 140], rightnav: ['/images/right_button.gif', 0, 140]},
								statusvars: ['statusA', 'statusB', 'statusC'],
								contenttype: ['ajax', '/ajax/ajax.php?f=pfo&id=9'],
								portfolio: 'portfolio9'
							});
stepcarousel.setup({
								galleryid: 'mygallery10',
								beltclass: 'belt',
								panelclass: 'panel',
								autostep: {enable:false, moveby:1, pause:3000},
								panelbehavior: {speed:500, wraparound:false, persist:true},
								defaultbuttons: {enable: true, moveby: 3, leftnav: ['/images/left_button.gif', -18, 140], rightnav: ['/images/right_button.gif', 0, 140]},
								statusvars: ['statusA', 'statusB', 'statusC'],
								contenttype: ['ajax', '/ajax/ajax.php?f=pfo&id=10'],
								portfolio: 'portfolio10'
							});
stepcarousel.setup({
								galleryid: 'mygallery16',
								beltclass: 'belt',
								panelclass: 'panel',
								autostep: {enable:false, moveby:1, pause:3000},
								panelbehavior: {speed:500, wraparound:false, persist:true},
								defaultbuttons: {enable: true, moveby: 3, leftnav: ['/images/left_button.gif', -18, 140], rightnav: ['/images/right_button.gif', 0, 140]},
								statusvars: ['statusA', 'statusB', 'statusC'],
								contenttype: ['ajax', '/ajax/ajax.php?f=pfo&id=16'],
								portfolio: 'portfolio16'
							});
stepcarousel.setup({
								galleryid: 'mygallery8',
								beltclass: 'belt',
								panelclass: 'panel',
								autostep: {enable:false, moveby:1, pause:3000},
								panelbehavior: {speed:500, wraparound:false, persist:true},
								defaultbuttons: {enable: true, moveby: 1, leftnav: ['/images/left_button.gif', -18, 140], rightnav: ['/images/right_button.gif', 0, 140]},
								statusvars: ['statusA', 'statusB', 'statusC'],
								contenttype: ['ajax', '/ajax/ajax.php?f=pfo&id=8'],
								portfolio: 'portfolio8'
							});
$(document).ready(function(){
	$("#portfolio1").show();
					$("#pc_1").removeClass();
					$("#pc_1").addClass("dont_change current");
					$("#pc_1 div").removeClass();
					$("#pc_1 div").addClass("portfolio-li-current");
$("#portfolio9").hide();
$("#portfolio10").hide();
$("#portfolio16").hide();
$("#portfolio8").hide();
$("li.dont_change").click(	function() {
										var cur_id = this.id.split("_")[1];
										$("#pc_" + cur_id).addClass("dont_change current");
										var tot_li = $("li.dont_change").length;
										//---get current visible---
											for(ii=0; ii < tot_li; ii++){
												li_id = $("li.dont_change")[ii].id.split("_")[1];
												if($("#portfolio" + li_id).is(":visible")){
													cur_pfo = li_id;
													break;
												}
											}
										//---
										//---hide all except current visible---
											for(ii=0; ii < tot_li; ii++){
												li_id = $("li.dont_change")[ii].id.split("_")[1];
												if(li_id != cur_pfo) $("#portfolio" + li_id).hide();
												$("#pc_" + li_id).removeClass();
												$("#pc_" + li_id + " div").removeClass();
												if(li_id == cur_id){
													$("#pc_" + li_id).addClass("dont_change current");
													$("#pc_" + li_id + " div").addClass("portfolio-li-current");
												}
												else{
													$("#pc_" + li_id).addClass("dont_change");
													$("#pc_" + li_id + " div").addClass("portfolio-li");
												}
											}
										//---
										//----fade out cur_pfo---
											$("#portfolio" + cur_pfo).fadeOut(800);
											//$("#portfolio" + cur_pfo).hide();
										//---
										//----fade in desired_pfo---
											$("#portfolio" + cur_id).fadeIn(800);
										//---
									}	
								);});