$(document).ready(function() {
	$("#select-a").click( function() {
		$("#select").animate({ marginTop: "285px" }, "slow");

		$("#select ul li").fadeOut("slow", function() {
			if($.browser.msie) {
				$("#dots").fadeIn();
			  } else {
				$("#dots").css({ opacity: "0", display: "block" });
				$("#dots").animate({ opacity: "1" });
			  }

			$("#select-b img").attr( { src: "img/select-b2.png" } );
			$("#select-b").addClass('select-right');
			$("#select-b").fadeIn();
		});
	});

	$("#dots li p img")

	.mouseover( function() {
		$(this).attr({ src: "img/dot-big.png" });
		$(this).css({ marginLeft: "-1px", marginTop: "-1px" });

		$(this).parent().parent().find("div").css({ display: "block", opacity: "0" });
		$(this).parent().parent().find("div").animate({ opacity: 1 }, 150);
	})

	.mouseout( function() {
		$(this).attr({ src: "img/dot.png" });
		$(this).css({ marginLeft: "0", marginTop: "0" });


		$(this).parent().parent().find("div").stop();
		$(this).parent().parent().find("div").dequeue();

		$(this).parent().parent().find("div").animate({ opacity: 0 });
	});

	$('a.lightbox').lightBox();
});