/*
	===========================================================
	Custom Wordpress Theme - UI Effects - "Home.js"
	Author: Anchor Wave Internet Solutions, Anchorwave.com
	===========================================================
	Description: jQuery homepage fades.
	===========================================================
*/

jQuery(function( $ ){	
	
	// Clear all slides on reload
	$('.slide').fadeOut(0);	
	
	// Setup initial slide
	switchSlide("one");
	
	// Setup switch function
	function switchSlide(slide) {
		
		if (typeof currentSlide == 'undefined'){
			$('.slide.'+slide).fadeIn(0);
			$('#slider-nav a').removeClass("active");  $('#slider-nav .'+slide).addClass("active");
			currentSlide = slide;
		}else if (typeof slide == 'undefined') {
			if ( currentSlide == "one" ){ nextSlide="two"; }
			else if ( currentSlide == "two" ){ nextSlide="three"; }
			else if ( currentSlide == "three" ){ nextSlide="four"; }
			else if ( currentSlide == "four" ){ nextSlide="one"; }
			$('.slide').fadeOut(300);
			$('.slide.'+nextSlide).fadeIn(300);	
			$('#slider-nav a').removeClass("active");  $('#slider-nav .'+nextSlide).addClass("active")
			currentSlide = nextSlide;
		}else if (currentSlide != slide){
			$('.slide').fadeOut(300);
			$('.slide.'+slide).fadeIn(300);
			$('#slider-nav a').removeClass("active");  $('#slider-nav .'+slide).addClass("active");
			currentSlide = slide;
		}
	}
	
	// Setup buttons
	$('#slider-nav .one').hover(
      function () { switchSlide("one"); }
    );
	$('#slider-nav .two').hover(
      function () { switchSlide("two"); }
    );
	$('#slider-nav .three').hover(
      function () { switchSlide("three"); }
    );
	$('#slider-nav .four').hover(
      function () { switchSlide("four"); }
    );
		
	function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
	{
			// The index() method calculates the index from a
			// given index who is out of the actual item range.
			var idx = carousel.index(i, mycarousel_itemList.length);
			carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
	};

	function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt)
	{
			carousel.remove(i);
	};

	/**
	* Item html creation helper.
	*/
	function mycarousel_getItemHTML(item)
	{
			return '<img src="' + item.url + '" width="125" height="125" alt="' + item.title + '" />';
	};
	
	// Setup interval
	$(document).ready(function(){
		setInterval( function() {
			switchSlide();
		}, 6000);
    jQuery('#mycarousel').jcarousel({
        wrap: 'circular',
        auto: 2,
				scroll: 1,
				animation: 1000,
        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
    });
	});

})