// JavaScript Document
$(document).ready(function() {

	$slideTweening = false;
	$keyCount = $('#slide .fce-slide').length;
	$keyI = 0;
	$('#slide-wrap').width($keyCount*1200);
	if($keyCount>1) {		
		$('#slide').append('<a href="#" class="slide-arrow-left slide-arrow" style="display:none;"></a>');
		$('#slide').append('<a href="#" class="slide-arrow-right slide-arrow"></a>');
		$('#slide').append('<ul class="slide-nav"></ul>');
		for (i=0;i<$keyCount;i++) {
			$('ul.slide-nav').append('<li class="slide-nav" id="slide-nav-'+i+'"><a href="#"></a></li>');
		}
		$('ul.slide-nav').css({
			'margin-left':1200/2-(15*$keyCount)/2
		});
		$fN = $('li.slide-nav')[0];
		//$fS = $('#slide .fce-slide')[0];
		$($fN).find('a').addClass('active');
		$('li.slide-nav a').click(function(e) {
			e.preventDefault();
			var navI = $(this).parents('li.slide-nav').attr("id");
			navI = navI.split('slide-nav-').join("");
			changeKey(parseInt(navI));
		});
		$('.slide-arrow-left').click(function(e) {
			e.preventDefault();
			changeKey('-');
		});
		$('.slide-arrow-right').click(function(e) {
			e.preventDefault();
			changeKey('+');
		});
		//changeKey();
		__slideInt = setInterval(changeKeyAuto,7000);
	}
	
	$('.fce-slide-content li').each(function() {
		$(this).html('<span>'+$(this).html()+'</span>');
		$(this).css({
			'color':'#fff'
		});
		$('span',this).css({
			'color':'#00c0f1'
		});
	});
	
	
	$('a').css({
		'outline':'none'
	});
	
	$nEmail = $('#newsletter-email').val();
	$nName = $('#newsletter-name').val();
	
	$('#newsletter-name').focus(function() {
		var nVal = $nName==$(this).val() ? "" : $(this).val();
		$(this).val(nVal);
	});
	$('#newsletter-name').focusout(function() {
		var nVal = $(this).val()=="" ? $nName : $(this).val();
		$(this).val(nVal);
	});
	$('#newsletter-email').focus(function() {
		var nVal = $nEmail==$(this).val() ? "" : $(this).val();
		$(this).val(nVal);
	});
	$('#newsletter-email').focusout(function() {
		var nVal = $(this).val()=="" ? $nEmail : $(this).val();
		$(this).val(nVal);
	});
	$('#newsletter-form').submit(function() {
		var nVal = $nEmail==$('#newsletter-email').val() ? "" : $('#newsletter-email').val();
		$('#newsletter-email').val(nVal);
		nVal = $nEmail==$('#newsletter-name').val() ? "" : $('#newsletter-name').val();
		$('#newsletter-name').val(nVal);
	});
});
function slideKey() {
	$slide = $('#slide .fce-slide')[$keyI];
	$next = $keyI + 1;
	$next = $next >= $keyCount ? 0 : $next;
	$nextSlide = $('#slide .fce-slide')[$next];
	$($slide).css('z-index',100);
	$($nextSlide).css('z-index',200).delay(2000).fadeTo(1500,1, function() {
		$($slide).css({
			'display':'none'
		});
		$keyI = $next;
		slideKey();
	});
}

function changeKeyAuto() {
	clearInterval(__slideInt);
	__slideInt = setInterval(changeKeyAuto,5000);
	changeKey('+',true)
}
function changeKey(pos, auto) {
	if(auto!=true) {
		clearInterval(__slideInt);
	}
	if($slideTweening == true) {
		return;
	}
	var a = $keyI;
	var n;
	if(pos=="+" || pos=="-") {
		n = pos=="+" ? $keyI + 1 : $keyI - 1;
		n = n>=$keyCount ? 0 : n;
		n = n<0 ? $keyCount-1 : n;
		if(n<0 || n>=$keyCount || n==$keyI) {
			return;
		}
	} else {
		n = parseInt(pos);
		if(n<0 || n>=$keyCount || n==$keyI) {
			return;
		}
	}
	if(n<=0) {
		$('.slide-arrow-left').fadeOut('fast');
	} else {
		$('.slide-arrow-left').fadeIn('fast');
	}
	/*
	if(n>=($keyCount-1)) {
		$('.slide-arrow-right').fadeOut('fast');
	} else {
		$('.slide-arrow-right').fadeIn('fast');
	}
	*/
	$slideTweening = true;
	animateKey(n);
}
var $keyOne;
function animateKey(n) {
	$keyOne = n < $keyI ? -1 : 1;
	z = (0-$keyI*1200) - ($keyOne*1200);
	
	//z = 0-n*1200
	
	diff = Math.abs($keyI - n);
	var speed = diff<=1 ? 1500 : 500;
	//speed = 1500 - (diff-1)*200;
	easing = diff<=1 ? 'easeOutQuad' : 'linear';
	//speed = 1500;
	
	//alert("animateKey:"+n+"::"+z);
	$aS = $('#slide .fce-slide')[$keyI+$keyOne];
	$($aS).fadeTo(speed,1).siblings().fadeTo(speed,0, easing);
	$('#slide-wrap').animate({
			'left':z
	},speed, easing, function() {
		$keyI = $keyI + $keyOne;
		$aN = $('li.slide-nav')[$keyI];
		$('li.slide-nav').find('a').removeClass('active');
		$($aN).find('a').addClass('active');
		//alert($keyI +"=="+ n);
		if($keyI == n) {
			$slideTweening = false;
		} else {
			animateKey(n);
		}
	});
}