$(document).ready(function() {

	var intervalID;

		$('#loader-box').removeClass('loading');
	
		$('.main-pix-box').prependTo($('#loader-box'));
		$('#It1').fadeIn('fast', function() {
			$('.main-pix-box').fadeIn('slow', function() {
				intervalID=window.setInterval(changePix, 2000);
			});
		});
	

	var current;
	var iTem = 1;

		$('.sub-pix-box td a').mouseover(function() {
			iTem = $(this).parent().parent().attr('id').slice(3);
			changePix('hover');
		});

	function startSlide() {
		current = $('.main-pix-box').find('div#It'+iTem);
		
		if($(current).css('z-index') != 50) {
			$('.sub-pix-box a').css('color', '#40A5E7')
			$('.sub-pix-box td#sIt'+iTem).find('a').css('color', '#2277AF');
			
			$('.main-pix-box div.fat-pix').css('z-index', '1');
			$(current).css('z-index', 50);
			
			$('.sub-pix-box img').css('opacity', '0.5');
			$('.sub-pix-box td#sIt'+iTem).find('img').css('opacity', '1');
		}
	}

	
	function changePix(hoverPix) {
		if(hoverPix == 'hover') {
			window.clearInterval(intervalID);
		} else {
			if (iTem < $('.main-pix-box div.fat-pix').length) { iTem++;  }
			else { iTem = 1; }
		}
		startSlide()
	}

		$('.slider-box').bind('mouseleave', function() {
			window.clearInterval(intervalID);
			intervalID=window.setInterval(changePix, 7000);
		});
	
});
