/*!
 * jQuery Automatic Content Slider v1.0
 *
 * Copyright 2011, Tolga Mengü
 * Licensed under GPL Version 2 license.
 *
 * Date: Wed Jul 13 15:14:46 2011 - UTC+02:00
 */ 
 
$(document).ready(function() {
	$('#images a').css({opacity: 0.0}).css('display','none');
	$('#images a:first').css('display','inline-block').css({opacity: 1.0}).addClass("active");
	$('#paging a:first').addClass("active");
	$('#slideDesc div').animate({ opacity: 0.80 }, 1 );
	$('#slideDesc div:first').slideDown().addClass("activeDesc");
	
	activate();
	
	$("#paging a").click(function() {
		var id = $(this).index();
		var active = $('#images a.active');
		
		if(id != active.index()) {
			var object = $($('#images a').get(id));
			
			$("#paging a").removeClass('active');
			$(this).addClass("active");
			
			var activeDesc = $('#slideDesc div.activeDesc');
			var nextDesc = $($('#slideDesc div').get(id));
			
			activeDesc.removeClass('activeDesc').slideUp(function(){nextDesc.addClass('activeDesc').slideDown();});
			
			active.animate({opacity: 0.0}, 400).css('display','none').removeClass('active');
			object.css('display','inline-block').animate({opacity: 1.0}, 400).addClass("active");
			
			clearInterval(play);
			activate();
		}
		
		return false;
	});
});

function activate() {
	play = setInterval(function(){ slide(); }, (5*1000));
}

function slide() {
	var activeDesc = ($('#slideDesc div.activeDesc') ? $('#slideDesc div.activeDesc') : $('#slideDesc div:first'));
	var nextDesc = ((activeDesc.next().length) ? ((activeDesc.next().hasClass()) ? $('#slideDesc div:first').slideUp() : activeDesc.next()) : $('#slideDesc div:first'));
	
	var current = ($('#images a.active') ? $('#images a.active') : $('#images a:first'));
	var next = ((current.next().length) ? ((current.next().hasClass()) ? $('#images a:first') : current.next()) : $('#images a:first'));
	
	activeDesc.removeClass('activeDesc').slideUp(function(){nextDesc.addClass('activeDesc').slideDown();});
	current.animate({opacity: 0.0}, 400).css('display','none').removeClass('active');
	next.css('display','inline-block').animate({opacity: 1.0}, 400).addClass("active");
	
	var page = ($('#paging a.active') ? $('#paging a.active') : $('#paging a:first'));
	var paging = ((page.next().length) ? ((page.next().hasClass()) ? $('#paging a:first') : page.next()) : $('#paging a:first'));
	
	page.removeClass('active');
	paging.addClass("active");
}