/*FOCUS*/
$(document).ready(function() {
	var isHover = false;
	$('#focusCont').hover(function() {
		isHover = true;
	}, function() {
		isHover = false;
	});
	var curFocus = 0;
	$('.focus').css({ 'top' : '100%', 'z-index' : '0' });
	$('.focus:eq(' + curFocus +  ')').animate({ 'top': '8%' }, 1500, "easeOutQuad");
	/*timer*/
	$.timer(8000, function(timer) {
		if(!isHover) {
			$('.focus:eq(' + curFocus +  ')').animate({ 'top': '-100%' }, 1500, "easeOutQuad");
			curFocus ++; if(curFocus == $('.focus').length) { curFocus = 0; }
			$('.focus:eq(' + curFocus +  ')').css({ 'top': '100%', 'z-index' : '0' });
			$('.focus:eq(' + curFocus +  ')').animate({ 'top': '8%' }, 1500, "easeOutQuad");
		}	
	});
	
	//
	var isHoverBlog = false;
	$('#blogCont').hover(function() {
		isHoverBlog = true;
	}, function() {
		isHoverBlog = false;
	});
	var curFocusBlog = 0;
	$('.focusBlog').css({ 'top' : '100%', 'z-index' : '0' });
	$('.focusBlog:eq(' + curFocusBlog +  ')').animate({ 'top': '8%' }, 1500, "easeOutQuad");
	/*timer*/
	$.timer(8000, function(timer) {
		if(!isHoverBlog) {
			$('.focusBlog:eq(' + curFocusBlog +  ')').animate({ 'top': '-100%' }, 1500, "easeOutQuad");
			curFocusBlog ++; if(curFocusBlog == $('.focusBlog').length) { curFocusBlog = 0; }
			$('.focusBlog:eq(' + curFocusBlog +  ')').css({ 'top': '100%', 'z-index' : '0' });
			$('.focusBlog:eq(' + curFocusBlog +  ')').animate({ 'top': '8%' }, 1500, "easeOutQuad");
		}	
	});
});