function MySlider(target_object) {
		
		this.WhichOne = target_object;
		
		this.curpos=16
		this.degree=16
		
		this.curcanvas=0 ; 
		this.nextcanvas=1; 
		
		this.CurrnetObj=""; 
		this.NextObj=""; 
		
		
		
		
	
		
		this.dropslide = 0 ; 
		this.tempobj = ""; 
		
		this.color = "red";
		
		this.slideshow_width 	= '300px' 
		this.slideshow_height 	= '300px'
		this.slideshow_width 	= '300px' 
		this.slideshow_height 	= '400px'
		this.pause				= 3000 
		
		preloadedimages=new Array()
		
		this.fadeimages  = new Array() ; 
		for (l=0; l < 16; l++) {
			this.fadeimages[l]=["slider/" + ( parseInt(l) + 1 ) + ".jpg", "", ""] 
			preloadedimages[l]=new Image()
			preloadedimages[l].src=this.fadeimages[l][0]
		}
					
		tmp2 = -1; 
		while (	tmp2 < 1 || tmp2 >= this.fadeimages.length  ) {
			tmp2 = Math.ceil( Math.random() * 16 ) ; 
		}
		this.ImageIndex = tmp2 ; 
		
		this.init = function(){
			
			this.dom=document.getElementById ; 
			
			tempcontainer = "<img width='" + this.slideshow_width + "' height='" + this.slideshow_height + "' src='" + this.fadeimages[this.ImageIndex][0] + "' border='0' />";
				
			$("#" +this.WhichOne).html('<div class="cont_div" style="width:'+this.slideshow_width+';height:'+this.slideshow_height+';"><div id="canvas0" style="z-index;1;width:'+this.slideshow_width+';height:'+this.slideshow_height+';">'+tempcontainer+'</div><div id="canvas1" style="width:'+this.slideshow_width+';height:'+this.slideshow_height+';z-index:2">'+tempcontainer+'</div></div>')
				
			this.CurrnetObj= $("#" + this.WhichOne +" #canvas" + this.curcanvas ) ;
			
			this.CurrnetObj.html(this.insertImage(this.ImageIndex)) ; 
				
			//sthis.rotateimage() ; 
			
		} 
		
		this.insertImage = function(i)	{
			
			//var tempcontainer= ( this.fadeimages[i][1] != "" ) ? '<a href="'+this.fadeimages[i][1]+'" target="'+this.fadeimages[i][2]+'">' : "" ; 
			
			tempcontainer = "<img width='" + this.slideshow_width + "'  src='" + this.fadeimages[i][0] + "' border='0' />";
			
			//tempcontainer= (this.fadeimages[i][1]!= "") ? tempcontainer + '</ a>' : tempcontainer ; 
			
			return tempcontainer ; 
		}
		
		
		this.rotateimage  = function (){
			
				current_obj_ref = "#" + this.WhichOne + "  #canvas" + this.curcanvas 	 ; 
				next_obj_ref 	= "#" + this.WhichOne + "  #canvas" + this.nextcanvas	 ; 
				
				this.CurrnetObj	= 	$(current_obj_ref) ;
				this.NextObj 	=	$(next_obj_ref) ; 
				
			//Swap Canvas
				
				tmp2 = -1; 
				while (	tmp2 < 1 || tmp2 >= this.fadeimages.length || tmp2 ==  this.ImageIndex ) {
					tmp2 = Math.ceil( Math.random() * 16 ) ; 
				}
				this.ImageIndex = tmp2 ; 
				
				this.NextObj.html(this.insertImage(this.ImageIndex)) ;
				
				this.NextObj.css("zIndex", parseInt( this.CurrnetObj.css("zIndex")) + 2 )
				
				this.NextObj.fadeIn(1000) ; 
				
				//Adjust Counters for The next loop 
				tmp = this.curcanvas ; 
				this.curcanvas = this.nextcanvas ;
				this.nextcanvas = tmp ; 

				//this.nextcanvas = (this.curcanvas == 0 ) ? 1 : 0 ; 
				
				this.CurrnetObj.fadeOut("100") ;
				
				//this.curimageindex=(this.ImageIndex < this.fadeimages.length-1) ? this.ImageIndex + 1 : 0
		}

	}