/* jCarousel ------------------------------------- 

	Project: Hogeschool Rotterdam
	Auteur: Tam Tam / D. de Zeeuw
	Datum start: 05 januari 2011
	

*/

var car_mA    = [];  // mediaArray;
var car_type  = ''; 
var car_speed = 0; 
var car_delay = 0; 
var jCarouselInterval;

function jCarousel(element,xdelay,xspeed,xtype,children,selector){
  
  car_type  = xtype  || 'easeOutBounce';
  car_speed = xspeed || 1000;
  car_delay = xdelay || 3000;

  if (!$(element).is('*')) { return };

  if ($(element + " " + children).length <= 1) {return;};


   if(jCarouselInterval)clearInterval(jCarouselInterval);

  if(selector){
	selector = '<div class="jcarousel_selector"><span class="s"></span> <div class="items"><ul> </ul><div class="active"></div></div><span class="e"></span> </div>';
	$(element).append(selector);
  }
  
   var n=-1;
   $.each($(element +" "+ children), function () {
       n++;

       car_mA.push($(this));
       $(this).css({'z-index':n}).hide();
       $('.jcarousel_selector ul').append('<li rel="' + n + '"></li>');
   });

   c_totalItems = n;
   car_mA[n].css({'z-index':4}).show();

   $('.jcarousel_selector ul li').click(function (e) {

       var relID = Number($(this).attr('rel'));
       if (relID != c_currentItem) {
           c_currentItem = relID;
           c_switchHeader(1);
       }
       return false;
   });

c_switchHeader(1);

}

var c_currentItem = 0;
var c_totalItems = 0;

function c_switchHeader(fM){ //force Media

    if (PauseC != 1) {
        if (fM == undefined) {
            if (c_currentItem + 1 <= c_totalItems) {
                c_currentItem++;
            } else { c_currentItem = 0 };
        }

        $.each($('.carousel_item'), function () {
            $(this).fadeOut(car_speed).css('z-index', 0);
        });

        $('.jcarousel_selector .active').animate({ 'margin-left': 5 + (c_currentItem * 20) }, car_speed, 'easeOutQuad')
        car_mA[c_currentItem].fadeIn(car_speed).css('z-index', 3);
    }
    
    clearInterval(jCarouselInterval);
	jCarouselInterval = setInterval(function(){c_switchHeader()},car_delay);
    
}

$(document).ready(function () {
	jCarousel('#carousel',5000,500,'easeInOutQuad','.carousel_item',1);
});