

function setupMainSlideshow(j_in,s_with)
	{
	var ie6 = ($.browser.msie && $.browser.version*1 <= 6) ? true : false;
	j_in.empty();
	j_in.append('<div class="slides"></div>');
	j_in.append('<ul class="pagination"></ul>');
	var details_btn_url = ie6 ? "images/seedetailsbtn-ie6.png" : "images/seedetailsbtn.png";
	j_in.append('<div class="see_details"><a href="#"><img src="'+details_btn_url+'" alt="See the details" /></a></div>');
	
	var jslides = $(".slides",j_in);
	var jpag = $(".pagination",j_in);
	for (var i=0;i<s_with.slides.length;i++)
		{
		jslides.append('<img src="'+s_with.slides[i].img+'" alt="'+s_with.slides[i].description+'" />');
		jpag.append('<li><a'+(ie6 ? 'class="ie6"' : '')+'>'+(i+1)+'</a></li>');
		}
	var jpag_links = $("li a",jpag);
	jpag_links.attr("href","#");
	for (var i=0;i<jpag_links.length;i++)
		{
		var jl = $(jpag_links[i]);
		jl[0].pref = j_in[0];
		jl[0].index = i;
		jl.bind("click",function()
			{
			this.pref.goTo(this.index);
			return false;
			});
		}

	j_in[0].slides = s_with.slides;
	j_in[0].goTo = function(index,jump)
		{
		if (this.current_index != index)
			{
			var jslides = $(".slides img",$(this));
			var last_slide = typeof(this.current_index) == "number" ? $(jslides[this.current_index]) : null;
			var next_slide = $(jslides[index]);
			if (!jump)
				{
				if (last_slide) last_slide.hide();
				next_slide.fadeIn(300);
				}
			else
				{
				if (last_slide) last_slide.hide();
				next_slide.show();
				}
			if (typeof(this.current_index) == "number") $($(".pagination li",$(this))[this.current_index]).removeClass("active");
			$($(".pagination li",$(this))[index]).addClass("active");
			var details_link = this.slides[index].details;
			var jdetails = $(".see_details",$(this));
			if (details_link)
				{
				$("a",jdetails).attr("href",details_link);
				jdetails.show();
				}
			else jdetails.hide();
			this.current_index = index;
			}
		}
	j_in[0].next = function()
		{
		this.goTo((this.current_index+1)%this.slides.length);
		}
	j_in[0].prev = function()
		{
		this.goTo((this.current_index-1)%this.slides.length);
		}
	j_in[0].goTo(0,true);
	}

$(function()
	{
	setupMainSlideshow($("#main_slideshow"),main_slideshow);
	});
	
	
	
	var main_slideshow = { slides:[ {img:"http://mimisbeauty.net/wp-content/uploads/2009/10/mainslide_0.jpg",details:"http://mimisbeauty.net/?page_id=8",description:"Bare Minerals. Available at all Mimi's Beauty Boutiques."}, {img:"http://mimisbeauty.net/wp-content/uploads/2009/10/mainslide_1.jpg",details:"http://mimisbeauty.net/?page_id=8",description:"OPI. Stunning colors from OPI Fall 2009... Coming Soon"}, {img:"http://mimisbeauty.net/wp-content/uploads/2009/10/mainslide_2.jpg",details:"http://mimisbeauty.net/?page_id=8",description:"Clean Start by Dermalogica. A system of eight products that addresses the needs of teenage skin."}, {img:"http://mimisbeauty.net/wp-content/uploads/2009/10/mainslide_3.jpg",details:"http://mimisbeauty.net/?page_id=8",description:"Murad. Beauty editor's summertime fave age spot and pigment lightening gel."}, {img:"http://mimisbeauty.net/wp-content/uploads/2009/10/mainslide_4.jpg",details:"http://mimisbeauty.net/?page_id=8",description:"Miracle leave-in product. An amazingly new product on the professional salon market that does 10 things instantly."}, {img:"http://mimisbeauty.net/wp-content/uploads/2009/10/mainslide_5.jpg",details:"http://mimisbeauty.net/?page_id=8",description:"Moroccanoil Products. Hair looks and feels healthier after just one application."} ] };
	
