function Slider(name) {	
	
	var instanzname = name;
	
	var imgdir = 'images/slider/';
	var active = 1;
	var bildarr;
	var comments;
	var punktearr = new Array(imgdir+"punkt_1.png",imgdir+"punkt_2.png",imgdir+"punkt_3.png",imgdir+"punkt_4.png",imgdir+"punkt_5.png",imgdir+"punkt_6.png",imgdir+"punkt_7.png",imgdir+"punkt_8.png",imgdir+"punkt_9.png",imgdir+"punkt_10.png",
	imgdir+"punkt_1_over.png",imgdir+"punkt_2_over.png",imgdir+"punkt_3_over.png",imgdir+"punkt_4_over.png",imgdir+"punkt_5_over.png",imgdir+"punkt_6_over.png",imgdir+"punkt_7_over.png",imgdir+"punkt_8_over.png",imgdir+"punkt_9_over.png",imgdir+"punkt_10_over.png");
	
	var slider_images = new Array(); 
	var slider_images2 = new Array();
	
	var _self = this; // <== this is solution part one
	
	this.setAll = function(bilder,kommentare) {
		bildarr = bilder;
		comments = kommentare;
		slider_init();
	}
	
	var slider_init = function() 
	{		
		document.write('<div style="width:440px;z-index:1;visibility:hidden;" id="premium_slider_'+instanzname+'">');
		document.write('<img src="null.png" border="0" id="bild_slider_'+instanzname+'" style=""><div style="width:440px;margin-top:-16px;z-index:2;visibility:hidden;" id="punkte_'+instanzname+'" align="left">&nbsp</div>');
			document.write('<div style="width:440px;padding-top:1px;" align="left">');
				document.write('<div id="commentbox_'+instanzname+'" style="width:440px;" align="left">');
					
					document.write('<table cellspacing="0" cellpadding="0">');
					document.write('<tr>');
					document.write('<td align="left">');
					document.write('<div style="font-size:13px;font-family:Arial;color:#F85230;line-height:150%;font-weight:bold;" id="comment_'+instanzname+'"></div>');
					document.write('</td>');
					document.write('</tr>');
					document.write('<tr>');
					document.write('<td style="background-image: url(\''+imgdir+'comment_line.jpg\');height:2px;"></td>');
					document.write('</tr>');
					document.write('</table>');
				
				document.write('</div>');
			document.write('</div>');
		document.write('</div>');
				
		for (r=0; r < punktearr.length;r++) {
			slider_images2[r] = new Image();
			slider_images2[r].src = punktearr[r];
		}
		
		slider_images[0] = new Image();
		slider_images[0].src = bildarr[0];

		slider_load();
		
	}
	
	var slider_is_loaded = function() 
	{
		//return true;
		for (r=0; r < punktearr.length;r++) {
			if(slider_images2[r].complete == false) {
				return false;
			}
		}
		
		if(slider_images[0].complete == false) {
			return false;
		}
		
		return true;
	}
	
	this.loaderhelper = function() {
		slider_load();
	}
	
	
	var slider_load = function() 
	{				
		if(!slider_is_loaded()) {
			setTimeout( function() { _self.loaderhelper() },200);	///juhuuuu
		} else {
		
		if(bildarr.length > 1) {
		
			//push content
			var inhalt = "";
			for(r=1;r<=bildarr.length;r++) {
				inhalt += '<a href="javascript:;" onclick="'+instanzname+'.slider_change('+r+')" style="outline: none;"><img src="'+imgdir+'punkt_'+r+'.png" border="0" onmouseover="'+instanzname+'.slider_wechsel(\''+imgdir+'punkt_'+r+'_over.png\','+r+')" onmouseout="'+instanzname+'.slider_wechsel(\''+imgdir+'punkt_'+r+'.png\','+r+')" id="'+r+'_'+instanzname+'"></a>';
			}
			
			document.getElementById('punkte_'+instanzname).innerHTML = inhalt;			
			
			document.getElementById('bild_slider_'+instanzname).src = bildarr[0];
			document.getElementById('bild_slider_'+instanzname).style.borderTop = "1px solid #F84E2B";			
			document.getElementById(active+'_'+instanzname).src = imgdir+"punkt_"+active+"_over.png";
			//visble
			document.getElementById('premium_slider_'+instanzname).style.visibility = "visible";
			document.getElementById('bild_slider_'+instanzname).style.visibility = "visible";
			document.getElementById('punkte_'+instanzname).style.visibility = "visible";
			for(r=1;r<=bildarr.length;r++) {
					document.getElementById(r+'_'+instanzname).style.visibility = "visible";
			}
			
			///preload rest der bilder
			for (r=1; r < bildarr.length;r++) {
				slider_images[r] = new Image();
				slider_images[r].src = bildarr[r];
			}
			
		} else {
			document.getElementById('punkte_'+instanzname).style.marginTop = "0px";
			///nur 1 Bild im Array
			document.getElementById('bild_slider_'+instanzname).src = bildarr[0];
			document.getElementById('bild_slider_'+instanzname).style.borderTop = "1px solid #F84E2B";
			
			//visble
			document.getElementById('bild_slider_'+instanzname).style.visibility = "visible";
			document.getElementById('premium_slider_'+instanzname).style.visibility = "visible";
		}
		
			if(!comments[0]) {
				document.getElementById('comment_'+instanzname).innerHTML = "Zu diesem Bild ist keine Beschreibung verfügbar.";
			} else {
				document.getElementById('comment_'+instanzname).innerHTML = comments[0];
			}
		
		}
	}
	
	this.slider_wechsel = function(bild,id) 
	{
		if(id != active) {
			document.getElementById(id+'_'+instanzname).src = bild;
		}
	}
	
	this.slider_change = function(id) 
	{
			for(r=1;r<=bildarr.length;r++) {
				document.getElementById(r+'_'+instanzname).src = imgdir+"punkt_"+r+".png";
			}
			document.getElementById(id+'_'+instanzname).src = imgdir+"punkt_"+id+"_over.png";
			active = id;
			document.getElementById('bild_slider_'+instanzname).src = bildarr[id-1];
			
			///comments
			if(!comments[id-1]) {
				document.getElementById('comment_'+instanzname).innerHTML = "Zu diesem Bild ist keine Beschreibung verfügbar.";
			} else {
				document.getElementById('comment_'+instanzname).innerHTML = comments[id-1];
			}
	}

}