var pixels,
vP,
tt = 0,
tab = 1,
tspeed = 4000,
slide = 1,
slider_width = 1,
num_slides = 1;
tab_slides = new Array;

/* You don't *need* to do this, but it makes the code below more concise. */

if ($.browser.webkit) {
	vP = "-webkit-";
} else if ($.browser.msie) {
	vP = "-ms-";
} else if ($.browser.mozilla) {
	vP = "-moz-";
} else if ($.browser.opera) {
	vP = "-o-";
}

$(function() {

	$('#mesmstop').bind('girlsloaded', function() {

			slider_width = $("#FS_slider").width();
			num_slides = $("#FS_slider section").length;

			tab_slides[1] = $("#mytab_1 section").length;
			tab_slides[2] = $("#mytab_2 section").length;
			tab_slides[3] = $("#mytab_3 section").length;

			$("#FS_slider #FS_holder").width(slider_width * num_slides);

			$("#FS_holder").hover(
			function(){
				clearTimeout(tt);
			},
			function(){
				tt = setTimeout('nextSlide();', tspeed);
			});

			for (i=1; i<tab_slides[1]; i++) {
				$("#buttons").append('<a><!-- a --></a>');
			}

			$("#buttons a").live('click', function(){
				clearTimeout(tt);
				slide = $("#buttons a").index(this)+1;
				pixels = slideToPos(slide);

				$("#buttons a").removeClass("active");
				$(this).addClass("active");

				if (Modernizr.csstransforms3d && Modernizr.csstransforms && Modernizr.csstransitions) {

					$("#FS_holder").css(vP+"transform","translate3d(-"+pixels+"px, 0px, 0px)");
					$("#FS_holder").css("transform","translate3d(-"+pixels+"px, 0px, 0px)");

				} else if (Modernizr.csstransforms && Modernizr.csstransitions) {

					$("#FS_holder").css(vP+"transform","translate(-"+pixels+"px, 0px)");
					$("#FS_holder").css("transform","translate(-"+pixels+"px, 0px)");

				} else if (Modernizr.csstransitions) {

					$("#FS_holder").css("margin-left","-"+pixels+"px");

				} else {

					$("#FS_holder").animate({"margin-left":"-"+pixels+"px"},600); //If you animate left, IE breaks.

				}

				if (!$("#FS_holder").hasClass('trans')) {
					setTimeout('$("#FS_holder").addClass("trans")', 50);
				}

				tt = setTimeout('nextSlide();', tspeed);

				return false;
			});

			tt = setTimeout('nextSlide();', tspeed);

			$("#slidetabs a").click(function() {
				tab = $("#slidetabs a").index(this)+1;
				$("#slidetabs a").removeClass('active');
				$(this).addClass('active');

				$("#FS_holder").removeClass("trans");
				slide = 0;
				nextSlide();

				$("#buttons").html('');
				for (i=1; i<=tab_slides[tab]; i++) {
					$("#buttons").append('<a><!-- a --></a>');
				}
				$("#buttons a").first().addClass('active');
			});

	});

});

function nextSlide() {
	slide = slide + 1;
	if (slide > tab_slides[tab]) {
		slide = 1;
	}
	$($('#buttons a').get(slide-1)).click();
}

function slideToPos (slide) {
	pixels = slide - 1;
	if (tab>1) {
		pixels += tab_slides[1];
	}
	if (tab>2) {
		pixels += tab_slides[2];
	}
	pixels = pixels * slider_width;
	return pixels;
}