(function($) {

	$.fn.easySlider = function(options){
 
 	//var chooseFrom = ['fileadmin/kopfgrafiken/Home/head1.jpg', 'fileadmin/kopfgrafiken/Home/head3.jpg', 'fileadmin/kopfgrafiken/Home/head4.jpg'];
	$(function() {
      shuffle(chooseFrom);
	  
      for (var i = 1; i <= chooseFrom.length; i++) {
           // $('#image' + i).attr('src', chooseFrom[i - 1]);
			$("#header").css("background-image","url("+chooseFrom[i - 1]+")");
      }
	});
	function shuffle(a) {
    for (var i = a.length; i > 0; i--) {
        var j = Math.floor(Math.random() * i);
        var temp = a[i - 1];
        a[i - 1] = a[j];
        a[j] = temp;
    }
	
    return a;
}
 
		// default configuration properties
		var defaults = {			
			prevId: 		'nextBtn',
			prevText: 		'Previous',
			nextId: 		'prevBtn',	
			nextText: 		'Next',
			controlsShow:	true,
			controlsBefore:	'',
			controlsAfter:	'',	
			controlsFade:	true,
			play:	 		'play',	
			breaks:	 		'break',				
			vertical:		false,
			speed: 			750,
			auto:			false,
			pause:			6000,
			continuous:		true, 
			opacity:		0.5,
			numeric: 		true,
			numericId: 	'controls'
		}; 

		
		var options = $.extend(defaults, options);  
       
			
		this.each(function() {  

			var zeit = 0;
			var obj = $(this); 				
			var s = $("div.element", obj).length;
			var w = $("div.element", obj).width(); 
			var h = $("div.element", obj).height(); 
			var clickable = true;
			
			
			
			var akt = 0;
			var aktprev = akt-1;
			
			if(aktprev < 0) aktprev = s-1;
			var akt2prev = akt-2;
			if(akt2prev < 0) akt2prev = s-2;
			var aktnext = akt+1;
			var akt2next = akt+2;
     		$("#slider", obj).css('width',s*w);			

			
			$("div.element").each(function(y){
				$(this).addClass("text_"+ y);
			});
			$("div.element").css({
				opacity:0,
				top:"30px",
				height:"323px",
				left:0,
				"z-index": "0"
			});				
			$("div.text_"+ akt).addClass("aktive");
			$("div.text_"+ akt).css({
				opacity: "1",
				display: "block",
				top: "0px",
				height: "395px",
				left:"195px",
				"z-index": "50"
			});
			
			$("div.text_"+ aktprev).css({
				opacity:options.opacity,
				display: "block",
				top:"30px",
				height:"323px",
				left:0,
				"z-index": "0"
			});	
			$("div.text_"+ akt2prev).css({
				opacity:0,
				top:"30px",
				height:"323px",
				left:0,
				"z-index": "0"
			});		
			$("div.text_"+ aktnext).css({
				opacity:options.opacity,
				display: "block",
				top:"30px",
				height:"323px",
				left:"585px",
				"z-index": "0"
			});				
			$("div.text_"+ akt2next).css({
				opacity:0,
				top:"30px",
				height:"323px",
				left:"585px",
				"z-index": "0"
			});	
			

			if (!$.browser.msie <=8){
				$("#slider div.text_"+ akt).prepend('<div id="schatten"></div>');
			}

			if(options.controlsShow){
				if(options.numeric){
					var html2 = options.controlsBefore;	
					html2 += '<ol id="'+ options.numericId +'"></ol>';
					html2 += '<div id="controlsdiv"></div>';
					$("#slider").after(html2);	
				}
				var html = options.controlsBefore;				
					html += ' <span id="'+ options.prevId +'"><a href=\"javascript:void(0);\">'+ options.prevText +'</a></span>';
					html += ' <span id="'+ options.nextId +'"><a href=\"javascript:void(0);\"></a></span>';
				html += options.controlsAfter;						
				$("#slider").after(html);	
									
			};
			if(options.numeric){									
				for(var i=0;i<s;i++){						
					$(document.createElement("li"))
						.attr('id',options.numericId + (i))
						.html('<a rel='+ i +' href=\"javascript:void(0);\"></a>')
						.appendTo($("#"+ options.numericId))
						.click(function(){	
							
							var id = $("a",$(this)).attr('rel');
							
							if(akt > id){
								var sprung = 0;
								var sprung = akt-id; 
								for(a = 1; a<= sprung; a++){
				
									animate("next", true, id);
								}	
							}
							else if(akt < id){
								var sprung = 0;
								sprung = parseInt(id) -akt; 
								for(a = 1; a<= sprung; a++){
									animate("prev", true, id);									
								}
							}							
						});
				};	
				
					$(document.createElement("li"))
						.attr('id',options.breaks)
						.html('<a rel='+ i +' href=\"javascript:void(0);\"></a>')
						.appendTo($("#"+ options.numericId))
					$(document.createElement("li"))
						.attr('id',options.play)
						.html('<a rel='+ i +' href=\"javascript:void(0);\"></a>')
						.appendTo($("#"+ options.numericId))														
				if(options.auto){
					$('#play').css('display','none');
				}else{
					$('#break').css('display','none');
				}
			}	
			$("#controls"+akt).css({
				'background-color' :'#7E401F', 
				"border-color": "#7E401F"
			});		

			
			$("#"+options.breaks).click(function(){
				animate("button", true, akt);
				$(this).hide();
				$("#"+options.play).show();
			});
			$("#"+options.play).click(function(){
				animate("prev", false, akt);
				$(this).hide();
				$("#"+options.breaks).show();
			});			
			$("a","#"+options.nextId).click(function(){	
				animate("next", true, akt);
			});
			$("a","#"+options.prevId).click(function(){	
				animate("prev", true, akt);
			});	
	
	   function autostart() {
        		options.auto = true;
				$('#play').css('display','none');
				$('#break').css('display','block');
				animate("prev",false, akt);
        		}
        window.setTimeout(autostart, 2000);					
			function animate(dir ,clicked, id){
					switch(dir){
						case "prev":

					
							akt++;
							aktprev = akt-1;
							akt2prev = akt-2;
							if(akt == s) akt = 0;
							aktnext = akt+1;
							akt2next = akt+2;	
							
							if(aktprev == s) aktprev = 0;
							if(aktnext == s) aktnext = 0;
							if(aktprev == 0) akt2prev = s-1;
							if(akt2next == s) akt2next = 0;
							if(akt2next > s) akt2next = aktnext+1;
							$("#slider div.element").css("z-index","0");
							$("#slider div.text_"+ aktprev).css("z-index","49");							
							$("#slider div.text_"+ akt).css("z-index","50");							
							break; 
						case "next":

							akt--;
							aktnext = akt+1;
							akt2next = akt+2;
							if(akt < 0) akt = s-1;
							aktprev = akt-1;
							akt2prev = akt-2;


							if(akt2prev < 0) akt2prev = s-1;
							if(aktprev < 0) akt2prev = s-2;
							if(aktprev < 0) aktprev = s-1;
							if(aktnext < 0) aktnext = s-1;	
							if(akt2next ==  s) akt2next = 0;
							$("#slider div.element").css("z-index","0");
							$("#slider div.text_"+ akt).css("z-index","5");
							$("#slider div.text_"+ aktnext).css("z-index","51");							
							
							//$("#slider div.text_"+ aktnext).css("z-index","49");							
							break; 
						case "button":
							break; 
						default:
			

							break; 
					};	
							$("#slider div.element").addClass("inaktiv");
							$("#slider div.text_"+ akt2prev).removeClass('inaktiv');
							$("#slider div.text_"+ aktprev).removeClass('inaktiv');
							$("#slider div.text_"+ akt).removeClass('inaktiv');
							$("#slider div.text_"+ aktnext).removeClass('inaktiv');
							$("#slider div.text_"+ akt2next).removeClass('inaktiv');														
							$("#controls li").css({'background-color':'transparent',"border-color": "#858585"});
							$("#controls"+akt).css({
								'background-color' :'#7E401F', 
								"border-color": "#7E401F"
							});	
							
							
							$("#slider div.text_"+ aktnext).removeClass('aktive');
							$("#slider div.text_"+ aktprev).removeClass('aktive');
							$("#slider div.text_"+ akt).addClass('aktive');
							if (!$.browser.msie <=8 && dir != "button"){
							
								$("#slider div.text_"+ aktnext +" #schatten").remove();
								$("#slider div.text_"+ aktprev +" #schatten").remove();
								$('#schatten').css('display','none');
								$("#slider div.text_"+ akt).prepend('<div id="schatten"></div>');
							}					
					
/*
////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////
*/							
						if (dir != "button"){
							

							$("#slider div.inaktiv").animate({
									opacity:0,
									left: '585px',
									height:"323px",
									top: "30px"
							}, options.speed, function() {
									  
							});	 							
							$("#slider div.text_"+ aktnext).animate({
									opacity: options.opacity,
									left: '585px',
									height:"323px",
									top: "30px"
							}, options.speed, function() {

									
							});	  	
							$("#slider div.text_"+ aktprev).animate({
								opacity: options.opacity,
								left: '0px',
								height:"323px",
								top: "30px"
							}, options.speed, function() {

							});	
  
							$("#slider div.text_"+ akt2next).animate({
								opacity: 0,
								left: '585px',
								height:"323px",
								top: "30px"
							}, options.speed, function() {

							});
							$("#slider div.text_"+ akt2prev).animate({
								opacity: 0,
								left: '0',
								height:"323px",
								top: "30px"
							}, options.speed, function() {
							});
							$("#slider div.text_"+ akt).animate({									
								opacity: "1",
								left: '195px',
								width: '390px',
								height: '395px',
								top: '0px'
							}, options.speed, function() {

								$('#schatten').fadeIn(500);			  
							});		  
					}

					if(clicked){
						clearTimeout(timeout);
						$("#"+options.play).show();
						$("#"+options.breaks).hide();
					}
					if(options.auto && dir=="prev" && !clicked){;
						timeout = setTimeout(function(){
							animate("prev",false, akt);
						},options.pause);
					};
		  

			};

			
			var timeout;
			if(options.auto){;
				timeout = setTimeout(function(){
					animate("prev",false, akt);
				},options.pause);
			};				
				
		});

	};

})(jQuery);