$(document).ready(function() {    
	
	var slideNav = $(".slideNav");
	var slideNavD = jQuery("em", slideNav);
	var slideNavB = $("span", slideNav);
	var animated = 0;
	var hideFlashF = "";
	var changeSlide = function(obj, n, em, lw, d) {
		var slides = $(".slided", obj);
		if(slides.length > 1) {
			animated = 1;
			if(lw) { 
				slides.not(".h").animate({opacity: 0}, 250, function() {
					$(this).addClass("h");
					slides.eq(n).css({opacity: 0}).removeClass("h").animate({opacity: 1}, 250, function() {
						animated = 0;
					});
				});
			} else {
				var wraper = $('<div class="slidesWrap"></div>');
				slides.wrapAll(wraper);
				var slideH = slides.not(".h");
				var slideEq = slides.eq(n);
				if(slideEq.hasClass("swf")) {
					var params = {
						allowscriptaccess: 'always',
						allowfullscreen: true,
						wmode: 'opaque'
					};
					var rel = slideEq.attr("rel");
					var relS = rel.split("|");
					slides.parent().height(relS[2]+"px");
					swfobject.embedSWF(relS[0], slideEq[0].id, relS[1], relS[2], "9.0.0", "/j/expressInstall.swf", {}, params, {});
					var object = $("#"+hideFlashF.id, obj);
					if(hideFlashF != "" && object[0]) {
						object.after('<div class="slided h swf" rel="'+hideFlashF.rel+'" id="'+hideFlashF.id+'"></div>');
						object.remove();
					} else {
						slideH.addClass("h");
					}
					hideFlashF = {"rel": rel, "id": slideEq[0].id};
					$("#"+hideFlashF.id).addClass("slided swf");
					setTimeout(function() {
						slides.unwrap();
						animated = 0;
					}, 1500);
				} else {
					var object = $("#"+hideFlashF.id, obj);
					if(hideFlashF != "" && object[0]) {
						slideEq.removeClass("h");
						slides.unwrap();
						object.after('<div class="slided h swf" rel="'+hideFlashF.rel+'" id="'+hideFlashF.id+'"></div>');
						object.remove();
						hideFlashF = "";
						animated = 0;
					} else {
						var leftC = slideEq.width();
						if(d != -1) {
							leftC *= -1;
						}
						slideEq.css({top:0, left: leftC, position: "absolute"}).removeClass("h").animate({left: 0}, function() {
							$(this).removeAttr("style");
							slideH.addClass("h");
							slides.unwrap();
							animated = 0;
						});
					}
				}
			}
			em.eq(n).addClass("active");
			if(lw) {
				$(".work", obj).addClass("h").eq(n).removeClass("h");
			}
		}
	};
	var nLast = 0;
	slideNavD.add(slideNavB).add($("img.slided")).click(function() {
		if(animated != 1) {
			var tp = $(this).parent();
			var tpp = tp.parent();
			var lw = 0;
			if(tpp.hasClass("info")) {
				tpp = tpp.parent();
				lw = 1;
			}
			var em = $("em", tp);
			var emL = em.length;
			var d = -1;
			if($(this).hasClass("next")) {
				var n = em.index(em.filter(".active")) + 1;
				if(n >= emL) {
					n = 0;
				}
			}
			else if($(this).hasClass("prev")) {
				var n = em.index(em.filter(".active")) - 1;
				if(n < 0) {
					n = emL - 1;
				}
				d = 1;
			} else if($(this).hasClass("slided")) {
				tp = $(this).parent().find(".slideNav");
				em = $("em", tp);
				emL = em.length;
				var n = em.index(em.filter(".active")) + 1;
				if(n >= emL) {
					n = 0;
				}
				if(tp.parent().hasClass("info")) {
					lw = 1;
				}
			}
			else {
				var n = em.index($(this));
				if(n < nLast) {
					d = 1;
				}
			}
			nLast = n;
			em.removeClass("active");
			changeSlide(tpp, n, em, lw, d);
		}
	});  
});