var homeCarousel = {
	initCallback : function(carousel) {
		jQuery('#carouselControl .carouselControl').bind('click', function() {
			carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
			return false;
			});
	
		jQuery('#carouselControlNext').bind('click', function() {
			carousel.next();
			return false;
			});
	
		jQuery('#carouselControlPrev').bind('click', function() {
			carousel.prev();
			return false;
			});
		},
		
	updateControl : function(carousel, item, idx, state) {
		jQuery("#carouselControl .carouselControl").parent().removeClass("selected");
		jQuery("#carouselControl .carouselControl:eq(" + (idx - 1) + ")").parent().toggleClass("selected");
		},
		
	itemLoadCallback : function(carousel, state) {
	    for (var i = carousel.first; i <= carousel.last; i++) {
	        if (carousel.has(i)) {
	            continue;
	        	}
	        if (i > homeCarousel_itemList.length) {
	            break;
	        	}
	        carousel.add(i, homeCarousel.getItemHTML(homeCarousel_itemList[i-1]));
	    	}
		},
		
	getItemHTML : function(item) {
		return '<div id="' + item.id + '"><h2><a href="' + item.url + '">' + item.title + '</a></h2><p><a href="' + item.url + '">' + item.desc + '<span class="more">Meer info...</span></a></p></div>';
		}
	};


function getURLVar(urlVarName) {
	var urlHalves = String(document.location).split('?');
	var urlVarValue = '';
	if(urlHalves[1]){
		var urlVars = urlHalves[1].split('&');
		for(i=0; i<=(urlVars.length); i++){
			if(urlVars[i]){
				var urlVarPair = urlVars[i].split('=');
				if (urlVarPair[0] && urlVarPair[0] == urlVarName) {
					urlVarValue = urlVarPair[1];
					}
				}
			}
		}
	return urlVarValue;   
	}


jQuery(function() {
	slide = getURLVar('slide');
	if (slide == "") {
		slide = "1";
		}

	jQuery('#homeCarousel').jcarousel({
		initCallback: homeCarousel.initCallback,
		start: parseInt(slide),
		scroll: 1,
		auto: 4,
		wrap: "both",
		buttonNextHTML: null,
		buttonPrevHTML: null,
		itemVisibleInCallback: { onAfterAnimation:  homeCarousel.updateControl },
		size: homeCarousel_itemList.length,
		itemLoadCallback: {onBeforeAnimation: homeCarousel.itemLoadCallback}
		});
	});



jQuery(window).load(function() {
	var preload = [
		'/wordpress/wp-content/themes/rawcoach/images/services_bananen.jpg',
		'/wordpress/wp-content/themes/rawcoach/images/services_sla.jpg',
		'/wordpress/wp-content/themes/rawcoach/images/services_granaatappels.jpg',
		'/wordpress/wp-content/themes/rawcoach/images/services_noten.jpg'
		];
	jQuery(document.createElement('img')).bind('load', function(){
		if(preload[0]) this.src = preload.shift();
		}).trigger('load');
	});