/**
 * start image rotation via jquery
 * var startImageArray is set directly in code from typoscript
 * elmar putz, 03 2010
 */

var imagerotation = {
		
		imgArray : new Array(),
		imgPath :  "uploads/media/", 
		selector : "headimage_start", 
		selectorImage : "headimage_image",
		fadeTime : 500, 
		showTime : 5000, 
		
		init: function(){
			var arr = new Array();
			arr = startImageArray.split(",");
			imagerotation.imgPath = "uploads/media/";
			imagerotation.selector = "headimage_start";
			
			// add the container
			var str = '<div id="container_startimages" style="display:none;">';
			for (i = 0; i < arr.length; i++) {
				str += '<img src="' + imagerotation.imgPath + arr[i] +'" border="0" alt="krippenstein.at" width="930" height="444" />';
			}
			str += '</div>';
			jQuery(str).insertAfter("#" + imagerotation.selector);
		},
			
	    /**
	     * fadeImages using plugin cycle
	     */
 		fadeImages : function() {
			jQuery('#container_startimages').show();
			jQuery('#container_startimages').cycle({ 
			    fx:    'fade', 
			    speed:    2000, 
			    timeout:  5000 
			}); 
		}
}


jQuery.noConflict(); 
jQuery(document).ready(function(){
	 // hack to exclude IE 6
	/*
	if (jQuery.browser.msie && jQuery.browser.version == 6) {
		return; 
	}
	*/
	imagerotation.init();
	imagerotation.fadeImages();

});