jQuery.noConflict();
// Put all your code in your document ready area
jQuery(document).ready(function($){

	var fadeoutTime = 2500;
	var fadeinTime = 2000;
	var autoRefreshTime = 0; // in milliseconds. false or 0 for no automatic changing
	
	var arySlideGroups = $("#banner div.slidegroup");

	$(arySlideGroups).each(function() {
		var options = {
			fadeoutTime: fadeoutTime,
			fadeinTime: fadeinTime,
			autoRefreshTime: autoRefreshTime,
			arySlides: $(this).find("div"),
			aryNavs: $(this).find("ul[id$='_nav'] li a"),
			btnNext: $(this).find("ul[id$='_arrows'] li a.next"),
			btnPrev: $(this).find("ul[id$='_arrows'] li a.previous"),
			idxSlideGroup: $(arySlideGroups).index(this)
		}
		$(this).mdevslideshow(options);
	});

	var strSlideGroupActiveNavBtnClassName = "active";
	var arySlideGroupNavs = $("#banner ul#photos_nav li a");
	
	arySlideGroupNavs.click(function(){
		arySlideGroupNavs.removeClass(strSlideGroupActiveNavBtnClassName);
		$(this).addClass(strSlideGroupActiveNavBtnClassName);
		arySlideGroups.filter("div:visible").fadeOut(fadeoutTime).mdevslideshow('stopThisTimer');
		$(arySlideGroups[arySlideGroupNavs.index(this)]).fadeIn(fadeinTime).mdevslideshow('startThisTimer');
	});
});