// JavaScript Document
document.documentElement.id='js';
$(function(){
	if($('#jcarousel').length){
		function jcarousel(){
			var $jc = $('#jcarousel');
			var $a = $('ul.navi',$jc).find('a');
			var $prev = $('a.prev',$jc);
			var $next = $('a.next',$jc);
			var $t = $('table.main',$jc);
			var $in = $('div.in',$jc);
			var $td = $('td.item',$jc);
			var i = 0;
			var l = $a.length-1;
			var interval = 300;
			
			$td.each(function(index){
				var $obj = $(this);
				var $desc = $('div.desc',$obj);
				var $img = $('img',$obj).attr('src');
				$in.append('<div style="z-index:'+(l+1-index)+'" class="item"><div class="desc">'+$desc.html()+'</div><div class="sp sp1" style="background-image:url('+$img+')"/><div class="sp sp2" style="background-image:url('+$img+')"/><div class="sp sp3" style="background-image:url('+$img+')"/><div class="sp sp4" style="background-image:url('+$img+')"/><div class="sp sp5" style="background-image:url('+$img+')"/><div class="sp sp6" style="background-image:url('+$img+')"/><div class="sp sp7" style="background-image:url('+$img+')"/><div class="sp sp8" style="background-image:url('+$img+')"/><div class="sp sp9" style="background-image:url('+$img+')"/><div class="sp sp10" style="background-image:url('+$img+')"/><div class="sp sp11" style="background-image:url('+$img+')"/><div class="sp sp12" style="background-image:url('+$img+')"/><div class="sp sp13" style="background-image:url('+$img+')"/><div class="sp sp14" style="background-image:url('+$img+')"/><div class="sp sp15" style="background-image:url('+$img+')"/><div class="sp sp16" style="background-image:url('+$img+')"/><div class="sp sp17" style="background-image:url('+$img+')"/><div class="sp sp18" style="background-image:url('+$img+')"/><div class="sp sp19" style="background-image:url('+$img+')"/><div class="sp sp20" style="background-image:url('+$img+')"/></div>')
			})
			$t.remove();
			var $item = $('div.item',$jc);
			$item.hover(function(){
				$(this).find('div.desc').stop().animate({'top':0},500)
			},function(){
				$(this).find('div.desc').stop().animate({'top':258},500)
			})
			var $act = $item.eq(0);
			$act.find('div.sp').css('opacity',1);
			
			
			$a.each(function(index){
				
				$(this).click(function(){
					
					if(i!=index){
						
					i=index;
					$a.removeClass('act');
					$(this).addClass('act')
					
					
					var $s = $act.find('div.sp');
					
					var $sp1 = $s.filter('.sp10,.sp11');
					var $sp2 = $s.filter('.sp9,.sp12');
					var $sp3 = $s.filter('.sp8,.sp13');
					var $sp4 = $s.filter('.sp7,.sp14');
					var $sp5 = $s.filter('.sp6,.sp15');
					var $sp6 = $s.filter('.sp5,.sp16');
					var $sp7 = $s.filter('.sp4,.sp17');
					var $sp8 = $s.filter('.sp3,.sp18');
					var $sp9 = $s.filter('.sp2,.sp19');
					var $sp10 = $s.filter('.sp1,.sp20');
					
					$actOld =  $act;
					$act = $item.eq(i).css('zIndex',(l));
					
					var $sNew = $act.find('div.sp').css('opacity',1);

					var $sp1n = $sNew.filter('.sp10,.sp11');
					var $sp2n = $sNew.filter('.sp9,.sp12');
					var $sp3n = $sNew.filter('.sp8,.sp13');
					var $sp4n = $sNew.filter('.sp7,.sp14');
					var $sp5n = $sNew.filter('.sp6,.sp15');
					var $sp6n = $sNew.filter('.sp5,.sp16');
					var $sp7n = $sNew.filter('.sp4,.sp17');
					var $sp8n = $sNew.filter('.sp3,.sp18');
					var $sp9n = $sNew.filter('.sp2,.sp19');
					var $sp10n = $sNew.filter('.sp1,.sp20');
					
					
					
					
					$sp1.animate({'opacity':0},interval)
					setTimeout(function(){$sp2.animate({'opacity':0},interval)},25);
					setTimeout(function(){$sp3.animate({'opacity':0},interval)},50);
					setTimeout(function(){$sp4.animate({'opacity':0},interval)},75);
					setTimeout(function(){$sp5.animate({'opacity':0},interval)},100);
					setTimeout(function(){$sp6.animate({'opacity':0},interval)},125);
					setTimeout(function(){$sp7.animate({'opacity':0},interval)},150);
					setTimeout(function(){$sp8.animate({'opacity':0},interval)},175);
					setTimeout(function(){$sp9.animate({'opacity':0},interval)},200);
					
					setTimeout(function(){$sp10.animate({'opacity':0},interval,function(){$actOld.css('zIndex',l); $act.css('zIndex',(l+1))})},225);
					
						
						
				
					
					
					i==0?$prev.addClass('prev-disabled'):$prev.removeClass('prev-disabled');
					i==l?$next.addClass('next-disabled'):$next.removeClass('next-disabled');
				}
					return false;
				})
			})
			
			$prev.click(function(){
				if(i!=0){
					$next.removeClass('next-disabled');
					$a.eq(i-1).click();
				} else {
				 $(this).addClass('prev-disabled');
				}
				return false;
			
			})
			$next.click(function(){
				if(i<l){
					$prev.removeClass('prev-disabled');
					$a.eq(i+1).click();
				} else {
					$(this).addClass('next-disabled');
				}
				return false;
			})
		}
		jcarousel();
	}
	
	if($('a[rel=lightbox]').length){
		$('a[rel=lightbox]').lightBox({imageLoading: '/templates/mbtrans/images/lightbox-ico-loading.gif',
 imageBtnClose: '/templates/mbtrans/images/lightbox-btn-close.gif',
 imageBtnPrev: '/templates/mbtrans/images/lightbox-btn-prev.gif',
 imageBtnNext: '/templates/mbtrans/images/lightbox-btn-next.gif'});

	}

})