$(document).ready(function(){
	$('#databaseShow').each(function(){
		var $container = $(this);
		$container.empty();
		var $loadingIndicator = $('<img/>')
			.attr({
			'src': '../images/loading.gif',
			'alt': 'Loading. Please wait.'
			})
			.addClass('news-wait')
			.appendTo($container);
		$.get('../common/feedDatabase.php',function(data){
			$loadingIndicator.remove();
			$('Edatabases database', data).each(function(){
				var $link = $('<a></a>')
					.addClass('common')
					.attr('target','_blank')
					.attr('href',$('link',this).text())
					.text($('name',this).text());
				var $title = $('<h4></h4>')
					.addClass('databaseTitle')
					.append($link);
				var $cover = $('<img></img>')
					.addClass('databaseSnap')
					.attr('width','160')
					.attr('height','120')
					.attr('alt',$('name',this).text())
					.attr('src',$('picture',this).text());
				var $maker = $('<span></span>')
					.addClass('databaseMaker')
					.text($('maker',this).text());
				var $intro = $('<p></p>')
					.addClass('databaseIntro')
					.append($cover)
					.append($maker)
					.append($('intro',this).text());
				var $more = $('<a></a>')
					.css('float','right')
					.css('margin-right','10px')
					.attr('target','_blank')
					.attr('href','http://www.tipp.org.tw/formosan/archive/archive.jspx')
					.text(' » 更多資源');
				$('<div></div>')
					.addClass('databaseInfo')
					.append($title,$intro,$more)
					.appendTo($container);
			});
			var currentBook = 0, oldBook = 0;
			var hiddenPosition = $container.height() + 20;
			$('div.databaseInfo').eq(currentBook).css('top', 0);
			var databaseCount = $('div.databaseInfo').length;
			var pause;
			var rotateInProgress = false;

			var databaseRotate = function() {
				if(!rotateInProgress){
					rotateInProgress = true;
					pause = false;
					currentBook = (oldBook + 1) % databaseCount;
					$('div.databaseInfo').eq(oldBook).animate(
						{top: -hiddenPosition}, 'slow', function() {
						$(this).css('top', hiddenPosition);
					});
					$('div.databaseInfo').eq(currentBook).animate(
						{top: 0}, 'slow', function() {
						rotateInProgress = false;
						if(!pause){
							pause = setTimeout(databaseRotate, 10000);
						}
					});
					oldBook = currentBook;
				}
			};
			if(!pause){
				pause = setTimeout(databaseRotate, 10000);
			}
			
			$container.hover(function() {
				clearTimeout(pause);
				pause = false;
			}, function() {
				if(!pause){
					pause = setTimeout(databaseRotate, 5000);
				}
			});
		});
	});
});