var debugSilder = false;
var j = 0;
jQuery.fn.codaSlider = function(settings) {
	settings = jQuery.extend({
	 easeFunc: "easeInOutExpo",
	 easeTime: 1000,
	 toolTip: false
  }, settings);
	return this.each(function() {
		var container = jQuery(this);
		var panelWidth = container.find("div.panel").width();
		var panelCount = container.find("div.panel").size();
		var stripViewerWidth = panelWidth*panelCount;
		container.find("div.panelContainer").css("width" , stripViewerWidth);
		var cPanel = 1;
		
		container.each(function(i) {
			
			if (debugSilder) {
			    jQuery("div#container-footer").after("<div id='debug' class='column span-22 error'>&nbsp;</div>");
    			jQuery("div#debug").text(
    				" panelWidth:" + panelWidth +
    				" panelCount:" + panelCount +
    				" stripViewerWidth:" + stripViewerWidth
    				);
			}
			
			// Create the Left and Right arrows
			jQuery(this).before("<div class='stripNavL' id='stripNavL" 
				+ j + "'><a href='#'><img src='fileadmin/js/images/slider_previous.jpg' alt='previous' width='182' height='15' border='0' /></a>"
				+ "<\/div><div class='stripNavR' id='stripNavR" 
				+ j + "'><a href='#'><img src='fileadmin/js/images/slider_next.jpg' alt='next' width='174' height='15' border='0' /></a><\/div>");
			
			// Left nav
			jQuery("div#stripNavL" + j + " a").click(function(){
				if (cPanel == 1) {
					var cnt = - (panelWidth*(panelCount - 1));
					cPanel = panelCount;
				} else {
					cPanel -= 1;
					var cnt = - (panelWidth*(cPanel - 1));
				};
				jQuery(this).parent().parent().find("div.panelContainer").animate({ left: cnt}, settings.easeTime, settings.easeFunc);
				if (debugSilder) { jQuery("div#debug").append("<br />moved to panel:" + cPanel + " left:" + cnt); }
				return false;
			});
			
			// Right nav
			jQuery("div#stripNavR" + j + " a").click(function(){
				if (cPanel == panelCount) {
					var cnt = 0;
					cPanel = 1;
				} else {
					var cnt = - (panelWidth*cPanel);
					cPanel += 1;
				};
				jQuery(this).parent().parent().find("div.panelContainer").animate({ left: cnt}, settings.easeTime, settings.easeFunc);
				if (debugSilder) { jQuery("div#debug").append("<br />moved to panel:" + cPanel + " left:" + cnt); }
				return false;
			});
		});
		
		j++;
		
		//random startup panel
		cPanel = Math.floor(Math.random()*panelCount);
		// temporaer staedelschule featuren
		cPanel = 9;
		var cnt = - (panelWidth*cPanel);
		cPanel += 1;
		jQuery(this).parent().parent().find("div.panelContainer").animate({ left: cnt}, settings.easeTime, settings.easeFunc);
		if (debugSilder) { jQuery("div#debug").append("<br />moved to panel:" + cPanel + " left:" + cnt); }
  });
};