$(document).ready(function() {

	var browserName = $.browser.name;
	
	if (browserName != "msie") {
	
		$("div.slideshow div.thumbnails li").each(function() {
			$(this).children("a").click(function() {
				var img_class = $(this).parent().attr("class");
				//images are not in order to mix it up. patter matches up with html source.
				if (img_class == "image1") {
					$("div.slideshow div.placeholder div.img_container").animate({top:"0px"}, 500);
				} else if (img_class == "image5") {
					$("div.slideshow div.placeholder div.img_container").animate({top:"-323px"}, 500);
				} else if (img_class == "image2") {
					$("div.slideshow div.placeholder div.img_container").animate({top:"-646px"}, 500);
				} else if (img_class == "image4") {
					$("div.slideshow div.placeholder div.img_container").animate({top:"-969px"}, 500);
				} else if (img_class == "image3") {
					$("div.slideshow div.placeholder div.img_container").animate({top:"-1292px"}, 500);
				}
				return false;
			});
		});
	
	} else {

		$("div.slideshow div.thumbnails li").each(function() {
			$(this).children("a").click(function() {
				var img_class = $(this).parent().attr("class");
				//images are not in order to mix it up. patter matches up with html source.
				if (img_class == "image1") {
					$("div.slideshow div.placeholder div.img_container").animate({marginTop:"0px"}, 500);
				} else if (img_class == "image5") {
					$("div.slideshow div.placeholder div.img_container").animate({marginTop:"-323px"}, 500);
				} else if (img_class == "image2") {
					$("div.slideshow div.placeholder div.img_container").animate({marginTop:"-646px"}, 500);
				} else if (img_class == "image4") {
					$("div.slideshow div.placeholder div.img_container").animate({marginTop:"-969px"}, 500);
				} else if (img_class == "image3") {
					$("div.slideshow div.placeholder div.img_container").animate({marginTop:"-1292px"}, 500);
				}
				return false;
			});
		});
	
	}

});