// JavaScript Document

$komenHeaderSlider = {
	targetX:0,
	textTargetY:0,
	currentImageID:0,
	numSlideshowImages:0,
	slideshowDelay:6000,
	slideshowInterval:0,
	
	init: function() {
		
		//jQuery('div.slide-bg').css("opacity", .5);
		
		this.numSlideshowImages = jQuery('#komen-slider-images > li').size();
		
		jQuery('#komen-slider-images > li').each(function(index) {
			if (index == 0) {
				jQuery('#slideshow-nav').append('<li id="slideshow-item-' + (index + 1) + '"><a href="#" class="slideshow-nav-link-normal slideshow-nav-link-active"></a></li>');
			}
			else {
				jQuery('#slideshow-nav').append('<li id="slideshow-item-' + (index + 1) + '"><a href="#" class="slideshow-nav-link-normal"></a></li>');
			}
		});
		
		//jQuery('#slideshow-nav').append();
		//console.log(this.numSlideshowImages);
		
		jQuery('#komen-slider-buttons li').css("display", "none");
		jQuery('#komen-slider-buttons li:eq(0)').css("display", "block");
		
		jQuery('#komen-slider-images li').fadeOut(0);
		jQuery('#komen-slider-images li:eq(0)').stop().fadeIn(0);
		
		$komenHeaderSlider.startSlideshow();
	},
	
	startSlideshow: function() {
		this.slideshowInterval = setInterval("$komenHeaderSlider.switchSlides()", this.slideshowDelay);
	},
	
	switchSlides: function() {
		jQuery('#komen-slider-buttons li:eq(' + this.currentImageID + ')').css("display", "none");
		
		jQuery('#komen-slider-images li:eq(' + this.currentImageID + ')').stop().fadeOut(1000);
		
		this.currentImageID++;
		if(this.currentImageID == this.numSlideshowImages){
			this.currentImageID = 0;
		}
		
		jQuery('#komen-slider-buttons li:eq(' + this.currentImageID + ')').css("display", "block");
		
		jQuery('#komen-slider-images li:eq(' + this.currentImageID + ')').stop().fadeIn(1000);
	}
	
}

jQuery(function() {
	
	$komenHeaderSlider.init();
	
})