/* NIKI LIN CREAFUN CUSTOM EFFECTS
/* ****** *****  ****   ***    **     */

document.observe("dom:loaded", function() {
	initPhoto();
	carouselManager.init();
});


// PHOTO MOVER v1
/* ****** *****  ****   ***    **     */

var jump = 1;
var jumps;

function initPhoto() {
    var photos = $$('.movingphoto').length;
    if (photos > 0) {
        jumps = Math.ceil(photos/4);
    	
        setTimeout('shiftPhoto()', 7000);
    }
    
}

function shiftPhoto() {
	if (jump != jumps) {
		distance = jump * -960;
	} else {
		distance = 0;
		jump = 0;
	}
	
	$('photo_move').morph('left: ' + distance + 'px;');
	
	jump++;
	
	setTimeout('shiftPhoto()', 7000);
}


// Carousel v2		-- dev Jan
/* ******* **** ******* *** ******    */
var currenttab = "#car_tab_1";
var currenthandle = "#car_handle_1";
var requesttab = "#car_tab_1";
var requesthandle = "#car_handle_1";
var tabs;
var tab = 1;
var carouselManager = {
		init: function() {
			tabs = $$('.car_tab').length;
			$(currenttab).appear();
			setTimeout('carouselManager.shift()',7000);
		},
		shift: function() {
			tab++;
			if(tab > tabs) {
				tab = 1;
			}			
			carouselManager.showTab(tab);
			setTimeout('carouselManager.shift()',7000);
		},
		showTab: function (el) {
			showTabHandle(el).fadeIn(100,carouselManager.showTabHandle(el));
		},
		showTabHandle: function (el) {
			requesttab = "#car_tab_" + el;
			requesthandle = "#car_handle_" + el;

			$(currenttab).hide();
			$(currenthandle).removeClass('active');

			$(requesttab).show();
			$(requesthandle).addClass('active');
		},
		hideTab: function () {
			setTimeout('carouselManager.shift()',7000);
			$(requesttab).hide();
			$(requesthandle).removeClass('active');

			$(currenttab).show();
			$(currenthandle).addClass('active');
		}
};


// CAROUSEL v1 -- outdated
/* ****** *****  ****   ***    **     */
/*var tab = 1;
var tabs;

var currenttab = "car_tab_1";
var currenthandle = "car_handle_1";

var requesttab = "car_tab_1";
var requesthandle = "car_handle_1";

var requestID;

var timeoutID;

function initCarousel() {
	tabs = $$('.car_tab').length;
	$(currenttab).appear();
	
	timeoutID = setTimeout('shiftCarousel()', 7000);
}

function shiftCarousel() {
	tab++
	if (tab > tabs) {
		tab = 1;	
	}
	
	$(requesttab).hide();
	$(requesthandle).removeClassName('active');
	
	$(currenttab).hide();
	$(currenthandle).removeClassName('active');
	
	currenttab = "car_tab_" + tab
	currenthandle = "car_handle_" + tab
	
	$(currenttab).appear();
	$(currenthandle).addClassName('active');
	
	timeoutID = setTimeout('shiftCarousel()', 7000);
}

function rollOverTab(id) {
    requestID = id;
	window.clearTimeout(timeoutID);	
	setTimeout('handleRollOverTab()', 100)
}

function handleRollOverTab() {
	$(currenttab).hide();
	$(currenthandle).removeClassName('active');
	
	requesttab = "car_tab_" + requestID;
	requesthandle = "car_handle_" + requestID;
	
	$(requesttab).appear();
	$(requesthandle).addClassName('active');
    
}

function rollOutTab() {
	timeoutID = setTimeout('shiftCarousel()', 7000);
	
	$(requesttab).hide();
	$(requesthandle).removeClassName('active');
	
	$(currenttab).appear();
	$(currenthandle).addClassName('active');
	
}*/