$(function (){
	var ss = $('#vInner');
	var ssNav = ss.find('> #vNav');
	var ssNavLi = ssNav.find('> li');
	var ssNavLiNum = ssNavLi.length;
	var ssNavAnchor = ssNavLi.find('> a');
	var ssImages = ss.find('> #vMain');

	var time = 7000;
	var timerID = setInterval(sortImage, time);

	ssNav.css('display', 'block');
	ssImages.css('display', 'block');

	ssImages.find('a').hover(function() {
		clearInterval(timerID);
	},function(){
		timerID = setInterval(sortImage, time);
	});
	
	ssNavAnchor.each(function() {
		var _ssImage = ssImages.find('> p#' + $(this).attr('rel'));
		
		ssImages.prepend(_ssImage);
		$.data(this, 'target', _ssImage);
	});
	
	//ssImages.find('img').css('visibility', 'visible');
	ssNavAnchor.filter(':first').addClass('selected');

	ssNavAnchor.hover(function(){
		var _target = $.data(this, 'target');
		
		clearInterval(timerID);
		
		if(_target.get(0) === ssImages.children('p:last').get(0)) {
			return;
		}
		
		ssNavAnchor.removeClass('selected');
		$(this).addClass('selected');
		
		_target.hide().appendTo(ssImages).fadeIn('slow');
	},function(){
		timerID = setInterval(sortImage, time);
	});

});

function sortImage() {
	var ss = $('#vInner');
	var ssNavLi = ss.find('> #vNav > li');
	var ssNavLiNum = ssNavLi.length;
	var ssNavAnchor = ssNavLi.find('> a');
	var ssImages = ss.find('> #vMain');

	var _index = Number(ssImages.children('p:last').clone().attr('id').replace('vPoint', ''));
	var _targetAnchor, _targetImage;
	
	_index = (_index + 1) % (ssNavLiNum + 1);
	
	if(_index <= 0) {
		_index = 1;
	}
	
	_targetAnchor = ssNavLi.filter('#vNav' + _index).find('> a');
	_targetImage = ssImages.find('#vPoint' + _index);
	
	ssNavAnchor.removeClass('selected');
	_targetAnchor.addClass('selected');
	
	_targetImage.hide().appendTo(ssImages).fadeIn('slow');
}