var hometopSlider, epsSlider, sgSlider = 0;
var hometopSlider_n, epsSlider_n, sgSlider_n = 1;

$(function(){
	/* hometop slider start */
	$('.home-slider-navigation li a').click(function(e)
	{
		e.preventDefault();
		var $li = $(this).parents('li:first');
		var $index = $('.home-slider-navigation li').index($li);
		hometopSlider_n = $index + 1;
		
		if ($li.is('.active')) return;
		$('.home-slider-navigation li').removeClass('active');
		$li.addClass('active');
		
		var $target = $li.attr('rel');
		$('.home-slider-content a').removeClass('active').hide();
		$('#home-slider-' + $target).fadeIn(1000);
	});
	
	hometopSlider = setInterval(function(){
		hometopSlider_n++; if (hometopSlider_n > 5) hometopSlider_n = 1;
		$('.home-slider-navigation li[rel=' + hometopSlider_n + '] a').click();
	}, 5000);
	
	$('.home-slider-container').hover(function(){
		clearInterval(hometopSlider);
	},function(){
		hometopSlider = setInterval(function(){
			hometopSlider_n++; if (hometopSlider_n > 5) hometopSlider_n = 1;
			$('.home-slider-navigation li[rel=' + hometopSlider_n + '] a').click();
		}, 5000);
	});
	/* hometop slider end */
	
	/* eps slider start */
	$('.eps-slider-thumbs li a').click(function(e)
	{
		e.preventDefault();
		var $li = $(this).parents('li:first');
		var $index = $('.eps-slider-thumbs li').index($li);
		epsSlider_n = $index + 1;
		
		if ($li.is('.active')) return;
		$('.eps-slider-thumbs li').removeClass('active');
		$li.addClass('active');
		
		var $target = $li.attr('rel');
		$('.eps-slider-content a').removeClass('active').hide();
		$('#eps-slider-' + $target).fadeIn(1000);
	});
	
	epsSlider = setInterval(function(){
		epsSlider_n++; if (epsSlider_n > 4) epsSlider_n = 1;
		$('.eps-slider-thumbs li[rel=' + epsSlider_n + '] a').click();
	}, 5000);
	
	$('.eps-slider-container').hover(function(){
		clearInterval(epsSlider);
	},function(){
		epsSlider = setInterval(function(){
			epsSlider_n++; if (epsSlider_n > 4) epsSlider_n = 1;
			$('.eps-slider-thumbs li[rel=' + epsSlider_n + '] a').click();
		}, 5000);
	});
	/* eps slider end */
	
	/*
	$('.longblue-anchors li a').click(function(e)
	{
		e.preventDefault();
		
		if (document.location.hash != '#eps') document.location = '#eps';
		
		var $li = $(this).parents('li:first');
		if ($li.is('.active')) return;
		
		$('.longblue-anchors li').removeClass('active');
		$li.addClass('active');
		
		var $target = $(this).attr('href');
		
		$('.longblue-anchors-content.active').hide('slide', {direction: "right"}, function(){
			$('.longblue-anchors-content').removeClass('active').hide();
			$($target).addClass('active').show('slide', {direction: "left"});
		});
	});
	*/
	
	$('.eps-contact-switch a').click(function(e)
	{
		e.preventDefault();
		
		var $t = $(this);
		if ($t.is('.active')) return;
		
		$('.eps-contact-switch a').removeClass('active');
		$t.addClass('active');
		
		var $target = $t.attr('href');
		$('.eps-contact-box').removeClass('active').hide();
		$($target).addClass('active').show();
	});
	
	/*
	$('.oc-clinics li a').click(function(e)
	{
		e.preventDefault();
		
		var $li = $(this).parents('li:first');
		if ($li.is('.active')) return;
		
		$('.oc-clinics li').removeClass('active');
		$li.addClass('active');
		
		var $target = $(this).attr('href');
		
		$('.oc-clinics-content.active').hide('slide', {direction: "right"}, function(){
			$('.oc-clinics-content').removeClass('active').hide();
			$($target).addClass('active').show('slide', {direction: "left"});
		});
	});
	*/
	
	/* Contact us form START */
	$('.cu-input').focus(function()
	{
		$('.cu-input').removeClass('i-focus');
		$(this).addClass('i-focus');
	}).blur(function()
	{
		$(this).removeClass('i-focus');
	});
	$('.cu-textarea').focus(function()
	{
		$('.cu-textarea').removeClass('t-focus');
		$(this).addClass('t-focus');
	}).blur(function()
	{
		$(this).removeClass('t-focus');
	});
	if ($('.cu-input').size() > 0) $('.cu-input:first').focus();
	/* Contact us form END */
	
	/* Feedback form START */
	$('.fb-input:not(.fb-input-dd)').focus(function(e)
	{
		$('.fb-input').removeClass('i-focus');
		$(this).addClass('i-focus');
	}).blur(function(e)
	{
		$(this).removeClass('i-focus');
	});
	$('.fb-input.fb-input-dd').focus(function(){ $(this).blur(); });
	$('.fb-textarea').focus(function()
	{
		$('.fb-textarea').removeClass('t-focus');
		$('.fb-input').removeClass('i-focus');
		$(this).addClass('t-focus');
	}).blur(function()
	{
		$(this).removeClass('t-focus');
	});
	if ($('.fb-input').size() > 0) $('.fb-input:first').focus();
	
	$('.fb-dropdown-container .fb-input').click(function()
	{
		$(this).addClass('i-focus');
		$('.fb-dropdown-container .fb-dd-content').show('slide', {direction: 'up'});
	});
	$('.fb-dropdown-container .fb-dd-arrow').click(function()
	{
		$('.fb-input').addClass('i-focus');
		$('.fb-dropdown-container .fb-dd-content').show('slide', {direction: 'up'});
	});
	$('.fb-dd-content ul li').click(function()
	{
		$('.fb-dd-content ul li').removeClass('active');
		$(this).addClass('active');
		$('.fb-dropdown-container .fb-input').val($(this).html());
		$('.fb-dropdown-container .fb-dd-content').hide('slide', {direction: 'up'}, function(){
			$('.fb-dropdown-container .fb-input').removeClass('i-focus');
		});
	});
	/* Feedback form END */
	
	/* Online Booking START */
	$('.ob-input:not(.ob-input-dd)').focus(function(e)
	{
		$('.ob-input').removeClass('i-focus');
		$(this).addClass('i-focus');
	}).blur(function(e)
	{
		$(this).removeClass('i-focus');
	});
	$('.ob-input.ob-input-dd').focus(function(){ $(this).blur(); });
	$('.ob-textarea').focus(function()
	{
		$('.ob-textarea').removeClass('t-focus');
		$('.ob-input').removeClass('i-focus');
		$(this).addClass('t-focus');
	}).blur(function()
	{
		$(this).removeClass('t-focus');
	});
	if ($('.ob-input').size() > 0) 
	{
		var l = $('input.ob-input').get(0);
		
		if ($(l).val() == '') $(l).focus();
		else $($('input.ob-input').get(1)).focus();
	}
	
	$('.ob-dropdown-container .ob-input').click(function()
	{
		var $container = $(this).parents('.ob-dropdown-container:first');
		
		$(this).addClass('i-focus');
		$('.ob-dd-content', $container).show('slide', {direction: 'up'});
	});
	$('.ob-dropdown-container .ob-dd-arrow').click(function()
	{
		var $container = $(this).parents('.ob-dropdown-container:first');
		
		$('.ob-input', $container).addClass('i-focus');
		$('.ob-dd-content', $container).show('slide', {direction: 'up'});
	});
	$('.ob-dd-content ul li').click(function()
	{
		var $container = $(this).parents('.ob-dropdown-container:first');
		
		$('.ob-dd-content ul li', $container).removeClass('active');
		$(this).addClass('active');
		$('.ob-input', $container).val($(this).html());
		$('.ob-dd-content', $container).hide('slide', {direction: 'up'}, function(){
			$('.ob-input', $container).removeClass('i-focus');
		});
	});
	/* Online Booking END */
	
	var def = [];
	$('.period-form > .period-form-input').each(function()
	{
		var t = $(this);
		var n = t.attr('name');
		def[n] = t.val();
	});
	$('.period-form .period-form-input').focus(function()
	{
		$(this).val('');
	}).blur(function()
	{
		if ($(this).val() == '') $(this).val(def[$(this).attr('name')]);
		else def[$(this).attr('name')] = $(this).val();
	});
	
	$('.ob-input-checkbox').click(function()
	{
		$container = $(this).parents('.ob-pt-content:first');
		
		if ($(this).is('.single')) 
		{
			var isSelected = $(this).is('.selected');
			$(this).toggleClass('selected');
			
			if ($container.is('.ctype'))
			{
				var cVal = isSelected ? 0 : 1;
				$('input[name=' + $(this).attr('id') + ']', $container).val(cVal);
			}
			return;
		}
		
		if ($(this).is('.selected')) return;
		$('.ob-input-checkbox', $container).removeClass('selected');
		$('input', $container).val($('label[for=' + $(this).attr('id') + ']', $container).html());
		$(this).addClass('selected');
	});
	$('.ob-pt-content label').click(function()
	{
		$container = $(this).parents('.ob-pt-content:first');
		$target = $(this).attr('for');
		
		if ($('#' + $target, $container).is('.selected') && !$('#' + $target, $container).is('.single')) return;
		
		if ($('#' + $target, $container).is('.single')) 
		{
			var isSelected = $('#' + $target, $container).is('.selected');
			$('#' + $target, $container).toggleClass('selected');
			
			if ($container.is('.ctype'))
			{
				var cVal = isSelected ? 0 : 1;
				$('input[name=' + $target.split('#')[0] + ']', $container).val(cVal);
			}
			return;
		}
		
		$('.ob-input-checkbox', $container).removeClass('selected');
		$('input', $container).val($('label[for=' + $target + ']', $container).html());
		$('#' + $target, $container).addClass('selected');
	});
	$('.changeweek-link').click(function(e)
	{
		e.preventDefault();
		if ($('.choose-week-wrapper input:first').is(':focus')) return;
		$('.choose-week-wrapper input:first').focus();
	});
	var $last_chooseweek;
	$('.choose-week-wrapper input').focus(function()
	{
		$(this).addClass('i-focus');
		$last_chooseweek = $(this).val();
		$(this).val('');
	}).blur(function()
	{
		$(this).removeClass('i-focus');
		$(this).val($last_chooseweek);
	});
	
	/* sg slider start */
	var sgSliderItems = $('.sg-nav-m li').size();
	$('.sg-nav-m li a').click(function(e)
	{
		e.preventDefault();
		var $li = $(this).parents('li:first');
		var $index = $('.sg-nav-m li').index($li);
		sgSlider_n = $index + 1;
		
		if ($li.is('.active')) return;
		$('.sg-nav-m li').removeClass('active');
		$li.addClass('active');
		
		var $target = $(this).attr('href');
		$('.sg-content-container a').removeClass('active').hide();
		$($target).fadeIn(1000);
	});
	
	sgSlider = setInterval(function(){
		sgSlider_n++; if (sgSlider_n > sgSliderItems) sgSlider_n = 1;
		$('.sg-nav-m li a[href=#sg-content-' + sgSlider_n + ']').click();
	}, 5000);
	
	$('.sg-content').click(function(){
		clearInterval(sgSlider);
	});
	
	$('.scan-gallery-container').hover(function(){
		clearInterval(sgSlider);
	},function(){
		sgSlider = setInterval(function(){
			sgSlider_n++; if (sgSlider_n > sgSliderItems) sgSlider_n = 1;
			$('.sg-nav-m li a[href=#sg-content-' + sgSlider_n + ']').click();
		}, 5000);
	});
	
	$('.sg-nav-p').click(function(e){
		e.preventDefault();
		var $prev = $('.sg-nav-m li.active').prev('li');
		var $index = $('.sg-nav-m li').index($prev);
		
		if ($index == -1) $prev = $('.sg-nav-m li:last');
		$prev.find('a:first').click();
	});
	$('.sg-nav-n').click(function(e){
		e.preventDefault();
		var $next = $('.sg-nav-m li.active').next('li');
		var $index = $('.sg-nav-m li').index($next);
		
		if ($index == -1) $next = $('.sg-nav-m li:first');
		$next.find('a:first').click();
	});
	/* sg slider end */
	
	/* marquee side to side scroll 
	function marquee() 
	{
		var box = $('.scroll-box');
		var boxWidth = box.width();
		var textWidth = $('.scroll-text', box).width();
		
		var animSpeed = 10000;
		$('.scroll-text', box)
			.css('textIndent', boxWidth)
        	.animate({textIndent: -(textWidth - boxWidth)}, animSpeed, function()
        	{
        		$(this).css('textIndent', boxWidth);
        		marquee();
        	});
	}
	marquee();
	*/
	
	function marquee() 
	{
		var box = $('.scroll-box');
		var boxWidth = box.width();
		var textWidth = $('.scroll-text', box).width();
		
		var animSpeed = 20000;
		$('.scroll-text', box)
			.css('left', boxWidth)
        	.animate({left: -(textWidth - boxWidth)}, animSpeed, 'linear', function()
        	{
        		$(this).css('left', boxWidth);
        		marquee();
        	});
	}
	marquee();
});