var firstTimeSlide = true;
var slideTimeOut = 10000;
var slideSpeed = 1500;

function disableSelection(target){
	if (typeof target.onselectstart!="undefined") //IE route
		target.onselectstart=function(){return false}
	else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
		target.style.MozUserSelect="none"
	else //All other route (ie: Opera)
		target.onmousedown=function(){return false}
	target.style.cursor = "default"
}


function pauseCycle() {
	jQuery('#afbeelding').cycle('pause');
}

function resumeCycle() {
	jQuery('#afbeelding').cycle('resume');
}



jQuery(window).load( function() {

	/*
		jCycle plugin voorpagina
	*/
	
	jQuery("#afbeelding").cycle({ // Alleen op index
		
		fx:	"scrollHorz",
		speed: slideSpeed,
		timeout: slideTimeOut,
		next:   '#pijl_next', 
		prev:   '#pijl_prev',
		pager:  '#pagerWrapper div.pager',
		manualTrump: false, 
		width: 990,
		height: 440,
		fit: 1,
		before: function(currSlideElement, nextSlideElement){ onBeginSlide(currSlideElement, nextSlideElement)
		},
		after: function(currSlideElement, nextSlideElement){ onCompleteSlide(currSlideElement, nextSlideElement)
		}
	});
	
	var cyclePaused = false;
	jQuery('#afbeelding').click(function() {
		if (cyclePaused) {
			jQuery('#afbeelding').cycle('resume');
			cyclePaused = false;
		} else {
			jQuery('#afbeelding').cycle('pause');
			cyclePaused = true;	
		}
	}); 	

	function onBeginSlide(currSlideElement, nextSlideElement) {
		var currBannerId = currSlideElement.className;
		if (!firstTimeSlide) {
			var collageElementDivs = jQuery('#collage' + currBannerId + ' > div'); 
			if (collageElementDivs != null) {
				
				jQuery(".dropshadow" + currBannerId).removeShadow();
				collageElementDivs.fadeOut(250);
			}			
		}
		
		jQuery("div.activeItem").stop();
		jQuery("div.activeItem").css('width', 0);	
	}
	
	function onCompleteSlide(currSlideElement, nextSlideElement) {
		var nextBannerId = nextSlideElement.className;
		var collageElementDivs = jQuery('#collage' + nextBannerId + ' > div'); 
		if (collageElementDivs != null) {
			
			var shadows = collageElementDivs.fadeIn(1000);
			/*
			 * Do the dropshadow with a opacity of 0
			 * then get all the dropshadows and set the opacity to the given value through a timer thingie
			 */
			jQuery(".dropshadow" + nextBannerId).dropShadow({left: 1, top: 1, opacity: 0.3125, blur: 2});
		}

		if (!firstTimeSlide) {
			positionActiveItem();
		} else {
			firstTimeSlide = false;
		}		
	}
	
	function positionActiveItem() {

		if (jQuery("a.activeSlide").length != 0) {
			var position = jQuery("a.activeSlide").offset();

			var docWidth = jQuery(document).width();
			var containerWidth = jQuery("#container").innerWidth();
			if( jQuery.browser.msie == true ) { 
				var containerWidth = jQuery("#container").innerWidth() + 4; 
				if ( jQuery.browser.version == "7.0") { 
					var containerWidth = jQuery("#container").innerWidth() + 2; 
				} 
				if ( jQuery.browser.version == "6.0" || jQuery.browser.version == "5.5")	{ 
					var containerWidth = jQuery("#container").innerWidth() + 18; 
				} 
			}
			
			var paddingWidth = (docWidth - containerWidth) / 2;
			
			jQuery("div.activeItem").css('left', position.left - paddingWidth); 
			
			jQuery("div.activeItem").animate({
				width: 15
			}, slideTimeOut - slideSpeed, function() {
			});
		}
	}
	
	positionActiveItem();
	
});