/*******************************************************************************

  CSS on Sails Framework
  Title: AIDS Free World
  Author: XHTMLized (http://www.xhtmlized.com/)
  Date: September 2010

*******************************************************************************/

var Carousel = function(){
	var delay = 5000;
	var fadeTime = 1000;
	var intervalID;
	var waitID;
	var baseEl;
	var current = 0;
	var max;
	var status = 'play';
	var self = {
		init : function(selector){
					baseEl = $(selector);
					if(baseEl.length > 0){
						
						baseEl.find('.carousel-item').each(function(){
							$(this).css({
								'position':'absolute',
								'left': 0,
								'top': 0,
								'z-index': 4,
								'display':'none'
							});
							baseEl.find('.carousel-item').eq(current).css({
								'z-index': 5,
								'display':'block'
							});
						});
						
						max = baseEl.find('.carousel-item').length - 1;
						self.setupControl();
						self.start();
					}
				},
		start : function(){
			 		if(waitID) clearTimeout(waitID);
					intervalID = setInterval(self.loop, delay);
					baseEl.find('.nav-play').css('display','none');
					baseEl.find('.nav-pause').css('display','inline');
					status = 'play';
					return false
				},
		pause : function(){
					clearInterval(intervalID);
					baseEl.find('.nav-play').css('display','inline');
					baseEl.find('.nav-pause').css('display','none');
					status = 'pause';
					return false
				},
		next : function(){
			 		if(waitID) clearTimeout(waitID);
					self.pause();
					self.loop('next',200);
					waitID = setTimeout (self.start,3000);
					return false
				},
		prev : function(){
			 		if(waitID) clearTimeout(waitID);
					self.pause();
					self.loop('prev',200);
					waitID = setTimeout (self.start,3000);
					return false
				},
		setupControl : function(){
					baseEl.find('.nav-prev').click(self.prev);
					baseEl.find('.nav-next').click(self.next);
					baseEl.find('.nav-play').click(self.start);
					baseEl.find('.nav-pause').click(self.pause);
				},
		loop : function(control, customDelay){
					var prev = current;
					var delay = (customDelay) ? customDelay : fadeTime;
					if(control == 'prev'){
						current--;
						current = (current < 0) ? max : current;
					}else{
						current++;
						current = (current > max) ? 0 : current;
					}
					baseEl.find('.carousel-item').eq(current).css({'display':'block'});
					baseEl.find('.carousel-item').eq(prev).fadeOut(delay, function(){
						$(this).css({'z-index': 4,'display':'none'});
						baseEl.find('.carousel-item').eq(current).css({'z-index':5});
					})
				}
	};
	return self;
	
}();

$(document).ready(function() {
	// Navigation
	$('.navigation .subnav-wrapper-1').each(function(){
		var $parent = $(this).parent().find('a:first');
		$parent.find('>span').append("<span></span>");
		$parent.find('span span').width($parent.width() + 9);
	});
	$('.navigation > ul > li').hover(
		function(){ 
			$(this).addClass('hover');
			$(this).find('span span').css('display','inline');
		},
		function(){ 
			$(this).removeClass('hover');
			$(this).find('span span').css('display','none');
		}
	);
	
	// Carousel
	//Carousel.init('.carousel');
});