$(function() {
	//fixHeight
	$('div#content > div#services > div.sGroup').fixHeight();
	
	//slideshow
	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');
	
	$('<div>', {id: 'vMovie'})
		.prependTo(ss)
		.media({
			attrs: { id: 'external' },
			src: 'images/top/top.swf',
			width: 918,
			height: 365,
			bgColor: 'transparent'
		});

	ssNav.show();
	ssImages.show();
	
	ssNav.removeClass('nav');
	
	ssNavAnchor.click(function(){
		return false;
	}).each(function(i) {
		var _ssImage = ssImages.find('> p' + $(this).attr('href'));
		
		ssImages.prepend(_ssImage);
		$.data(this, 'target', _ssImage);
	});

	if(isIPad || isIPhone) {
		ssInit();
	}
});

function ssInit() {
	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);

	ssImages.find('> p > img').css('visibility', 'visible');

	$('#vMovie').fadeOut(function(){
		$(this).remove();
	});
	
	ssNav.addClass('nav');
	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;
		}
		//console.log("timer clear" + $(this).attr('href'));
		
		ssNavAnchor.removeClass('selected');
		$(this).addClass('selected');
		
		_target.hide().appendTo(ssImages).fadeIn('slow');
	},function(){
		//console.log("timer start : " + $(this).attr('href'));
		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);
	
	//console.log("_index : " + _index);
	//console.log("_targetAnchor : " + _targetAnchor);
	
	ssNavAnchor.removeClass('selected');
	_targetAnchor.addClass('selected');
	
	_targetImage.hide().appendTo(ssImages).fadeIn('slow');
}