/*
 * oSlide - jQuery Plugin
 * A slideshow designet for the frontside of my protfolio
 *
 * Copyright (c) 2011 Andrés Bott
 * Examples and documentation at: http://andresbott.com or http://oslide.andresbott.com
 * 
 * Version: 0.9(5/Apr/2011)
 * Developed with: jQuery v1.4
 * 
 * licensed under the LGPL license:
 *   http://www.gnu.org/licenses/lgpl.html
 * 
 *This plugin is developed with a object oriented paradigm, so it has some public methods witch you can call to interact with the plugin
 *
 *----->  calling the plugin: 
 *
 *  $(document).ready(function() {
 *      $("#oSlideContainer").oSlide({options:"go here"});  // call the plugin
 *  
 *      var myplugin = $("#oSlideContainer").data('JsObj');  // get the plugin object instance
 *
 *      myplugin.publicMethod(); // cals a public method
 *
 *  });// close document ready
 *
 */

var isIE6=$.browser.msie&&(6==~~$.browser.version);
var isIE=$.browser.msie;

(function($){
   var oSlide = function(element, options){

	var container = $(element); // the container div
	var jsObj = this;  // this object set in a variable to be accesed from within other functions
	
	var oSlide_div= false; // the new div witch contains the images
	var loading = false;  // the loading div
		
	var container_heigh=$(container).height();
	var container_width=$(container).width();

	var imagenes = false;
		

	
	
	// used in the loading animation
	var loadingTimer = false;
	var loading=false;
	var loadingFrame=1;
	
	// tieout contol variables
	var $startTimeMS = 0; 
	var $timeLeft = false;
	
	// control variables
	
	var $isInImageTransition = false;  // old imagetransition
	var $MainLoopTimer = "inactive"
	var $nextImage=0;  // loop starts on image 0 of the arrray
	var $currentImage=false;
	
	var $loop_started = false; // the main loop, used to control if its the first time run
	
	var $eventMouseOver = false;
	
	var $main_loop=false;
	
	
	var defaults = {
		mouseOverStopSlide:true,
		enableCaptions:true,
		divCaptionId: "oSlideCaption",
 		divCaptionTextId: "oSlideCaptionText",
  		divCaptionbackgroundId: "oSlideCaptionBackground",
 		enableNavigationBar:true,
		divNavigationBarId:"oSlideNavigation",
  		enableNavigationControls:true,
 		divNavigationNextId:"oSlideNextNavigation",
  		divNavigationPrewtId:"oSlidePrewNavigation",
  		divLoading:"oSlide-loading",
  		divNavigationElement:"oSlideNavigationElement",
  		divNavigationActiveElement:"oSlideNavigationActiveElement",
		animation : "fade",
   		images: false, 		// an array containing all data to the images
		thumbnailsDIV : false,  	// a DOM list of images acting as thumbnails to slcroll to the image
		fade_color:"white",		// color of the background div
		sleep:5000,			// time in ms, how long is the image displayed befor changing
		fade_time:300,			// speed of the fading of the images
		debug : false
	};
	var options = $.extend(defaults, options);
	
	
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
// 																														#########################
//	Constructor 																											#########################
// 																														#########################
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
	var constructor = function ()
	{
		consoleOut("Constructor of oSlide")
// 		$(container).css("background","red")
	     
		$(container).css("position","relative")
		$(container).append(
			oSlide_div = $ ( '<div id="oSlideImageDiv" style="position:absolute; overflow:hidden;"></div>')
		);
		$(oSlide_div).width(container_width)
		$(oSlide_div).height(container_heigh)
		
		imagenes=getImagesData();
		
		if(imagenes!=false)
		{
			// show the loading animation
			showLoading();
			
			if(options.debug == "loading"){
			return true;
			}
			// the option if on mouseover sohuld stop the slide
			
			if(options.mouseOverStopSlide==true){
				$(container).mouseenter(function() {
					consoleOut("mouse Enter $MainLoopTimer: "+ $MainLoopTimer)

				      if($eventMouseOver==false)
					{
						$timeLeft = parseInt( options.sleep - ( (new Date()).getTime() - $startTimeMS ));

						consoleOut("pause Main Loop with time left="+$timeLeft )
					      clearTimeout($main_loop);
					      $MainLoopTimer ="inactive";
					      $eventMouseOver = true;
				      }
				});

				$(container).mouseleave(function() {
				  	consoleOut("Mouse Exit $MainLoopTimer: "+ $MainLoopTimer)

					if($eventMouseOver==true)
// 					  consoleOut("DDDDDDD $eventMouseOver: "+$eventMouseOver+" )
					{
					      if($MainLoopTimer=="inactive")
						{
							$MainLoopTimer="active";
							consoleOut("Resume Main Loop; $timeLeft: "+$timeLeft)
							$main_loop =  setTimeout( jsObj.SlideNext,$timeLeft);

					      }
					      $eventMouseOver = false;
				      }
				});
			}
			
			// start the loop
			jsObj.SlideNext(function(){
				// navigation controls
				if(options.enableNavigationBar==true){
				    showNavigationBar();
				}
				
				if(options.enableNavigationControls == true){
				    showNavigationControls();
				}
			});
			

		}else{
			consoleOut("ERROR: No images declarated, hidding the divs!")
		      $(container).remove();
		}
	}// end of constructor
       
       
       
       
       
       // Public method - can be called from client code
       this.publicMethod = function()
       {
	      if(options.debug == true){ console.log ("Just called PublicMethod() ")};
       };

       
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
// 																														#########################
//	outputs a message to the console																								#########################
//	private method																											#########################
// 																														#########################
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
	var consoleOut = function (message)
	{
	      if(typeof(message) == 'undefined'){
		  var message = "WARNING: a consoleOut event was called here without any message!";
	      }
	      if( typeof(console) !== 'undefined' && console != null && options.debug == true) {
		    console.log(message);
	      }
	}
 
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
// 																														#########################
//	Gets image data from the DOM or passed as parameter																					#########################
//	private method																											#########################
// 																														#########################
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
	var getImagesData = function ()
	{
	  
	  	consoleOut("just called private method: getImagesData() ");

	      // Option 1
	      // getting the content from dom, yet un tested
		if(options.images==false)
		{
			if(typeof($(options.thumbnailsDIV).find("a").first().attr("href"))!="undefined")
			{
				// Gett the image list
				var imagenes = new Array();
				
				$(options.thumbnailsDIV).find("a").each(function(j)
				{
					if( typeof($(this).attr("href")) != "undefined")
					{
						var this_img=this;
// 						var this_img=$(this).find("img").first(); // old case use
						imagenes[j] = new Array();

						// Getting the image URL
						imagenes[j]["url"]=this_img.attr("href");

						// Getting the image alt text
						if(typeof(this_img.attr("alt")) != "undefined"){
							imagenes[j]["desc"]=this_img.attr("alt");
						}

// 						// Getting the link URL  -> old case use
// 						var b=$(this).find("a").attr("href");  
// 						if( typeof(b) != "undefined"){
// 					    		imagenes[j]["link"]=b;
// 						} 

						// Getting the link URL
						if(typeof(this_img.attr("link")) != "undefined"){
							imagenes[j]["link"]=this_img.attr("link");
						}
					  
						// setting the loaded variable to false
						imagenes[j]["loaded"]=false;
					}
				});
			  
			}else{
				return false;
			}
			
	      // Option 2
	      // getting the content from  passed variables
	      }else{
		  var imagenes=options.images;
		}
		
		// final work on the array
		imagenes["longitud"]= imagenes.length;
		return imagenes;
	};
	
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
// 																														#########################
  //	Starts the loading animation																									#########################
//	private method																											#########################
// 																														#########################
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
	var showLoading = function ()
	{
		consoleOut("just called private method: showLoading() ");
		
		// add a div for the loading animation
		if(loading==false){
			$(container).append(
				loading = $('<div id="'+options.divLoading+'" ><div id="'+options.divLoading+'-image"></div></div>')
			);
		}
	
		if(typeof(loadingTimer)!="undefined"){
			clearInterval(loadingTimer);
		}

		loading.show();
		loadingTimer = setInterval(animateLoading, 80);
	};
	
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
// 																														#########################
//	Stops the loading animation																									#########################
//	private method																											#########################
// 																														#########################
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
	var hideLoading = function ()
	{
		consoleOut("just called private method: hideLoading() ");
		loading.hide();
		clearInterval(loadingTimer);
	};
	
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
// 																														#########################
//	animate the loading 																									#########################
//	private method																											#########################
// 																														#########################
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
	var animateLoading = function ()
	{
		if (!loading.is(':visible')){
			clearInterval(loadingTimer);
			return;
		}

		$(container).find("#"+options.divLoading+" div").css('top', (loadingFrame * -40) + 'px');
		loadingFrame = (loadingFrame + 1) % 12;
	};


//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
// 																														#########################
//	Slides to the next image																									#########################
//	pPublic method																											#########################
// 																														#########################
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????

       this.SlideNext = function(callback2)
       {
	  
		var callback2;
		consoleOut("just called public method: SlideNext() $nextImage: "+$nextImage+" $currentImage: "+$currentImage );
		
		if($isInImageTransition != true){
			$isInImageTransition = true;
			$MainLoopTimer ="inactive";
			clearTimeout($main_loop);
			
			singleImagePreload(function(){
				loopControl();
				if(typeof(callback2) == "function" ){
					callback2();
				}

			});
		}
       };
	 
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
// 																														#########################
//	Slides to the prewious image																									#########################
//	pPublic method																											#########################
// 																														#########################
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????

       this.SlidePrew = function(callback3)
       {
	  
		if($isInImageTransition != true){
			if($currentImage == 0){
				$nextImage = imagenes.length -1;
			}else{
				$nextImage = $currentImage -1;
			}

			consoleOut("just called public method: SlidePrew() $nextImage: "+$nextImage+" $currentImage: "+$currentImage );
			
	// 		$nextImage = $nextImage-1 ;
			jsObj.SlideNext(callback3);
		}
       };

	 
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
// 																														#########################
//	Slides to the next image																									#########################
//	pPublic method																											#########################
// 																														#########################
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????

	this.SlideToImg = function($imgId,callback4) 
	{
		if($currentImage != $imgId){
			if($isInImageTransition != true)
			{
				consoleOut("just called public method: SlideToImg($img = "+$imgId+" , callback2 = "+callback4+") ");

				$nextImage = $imgId;

	// 			clearTimeout($main_loop);
	// 			$timeLeft = options.sleep
				jsObj.SlideNext();
				if(typeof(callback4) == "function" ){
					callback4();
				}
			}
		}

      };
	 
	 
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
// 																														#########################
//	Preloads the next image and executes the callback																					#########################
//	private method																											#########################
// 																														#########################
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????

	var singleImagePreload = function (callback)
	{
		consoleOut("just called private method: singleImagePreload(callback)");
		
		var callback;
		
		if(imagenes[$nextImage]["loaded"]!=true){
		  
			showLoading();

			imagenes[$nextImage]["img"] = new Image();
			$(imagenes[$nextImage]["img"]).load(function()
			{
				imagenes[$nextImage]["loaded"]=true;
				callback();
			}).attr("src",imagenes[$nextImage]["url"]);
		}else{
			callback();
		}
	}
		
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
// 																														#########################
//	inserts the image and deletes the previous controlling the timers																			#########################
//	private method																											#########################
// 																														#########################
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????

	var loopControl = function ()
	{
		consoleOut("just called private method: loopControl()");
		
		if(imagenes[$nextImage]["loaded"]==true)
		{
		  
			hideLoading();
			
			transitionToImage($currentImage,$nextImage,options.animation)
			
			if($nextImage==imagenes["longitud"]-1)
			{

				$currentImage = $nextImage;
				$nextImage = 0;

			}else{
				$currentImage = $nextImage;
				$nextImage = $nextImage +1;
			}
			
			if($MainLoopTimer=="inactive" && $eventMouseOver==false)
			{
				$MainLoopTimer="active";
				$startTimeMS = (new Date()).getTime();
				if( options.sleep > 0 )
					$main_loop =  setTimeout( jsObj.SlideNext,options.sleep);
			}
		  
		}
			
	}
		
		
		
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
// 																														#########################
//	inserts a single image																										#########################
//	private method																											#########################
// 																														#########################
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
	var insertImage = function (id,container)
	{
		consoleOut("just called private method: insertImage("+id+","+container+")");
		
		var img =false;
		
		//$(container).append('<div class="title">Travel Site</div>');
		
		if(typeof(imagenes[id]["link"])!="undefined")
		{
			$(container).append('<a href="'+imagenes[id]["link"]+'" ><div id="oSilideImg_'+id+'" style=" display:none; " ></div></a>');
		}else{
			$(container).append('<div id="oSilideImg_'+id+'" style="display:none; " ></div>');
		}
		
		// caption
		if(typeof(imagenes[id]["desc"])!="undefined" && options.enableCaptions == true)
		{
									//<div id="'+options.divCaptionbackgroundId+'" > <span style="position:relative;left:-10000px;">'+imagenes[id]["desc"]+'<span></div>\
			var s = '<div id="'+options.divCaptionId+'">'
			if( !isIE6 && !isIE ){
				s += '<div id="'+options.divCaptionbackgroundId+'" > <span style="position:relative;left:-10000px;">'+imagenes[id]["desc"]+'<span></div>'
				s += '<div id="'+options.divCaptionTextId+'" ><span>'+imagenes[id]["desc"]+'</span></div>'
			}
			else {
				s += '<div id="'+options.divCaptionbackgroundId+'" ><span>'+imagenes[id]["desc"]+'</span></div>'
				s += '<div id="'+options.divCaptionTextId+'" ><span>'+imagenes[id]["desc"]+'</span></div>'
			}
			s += '</div>'
			$(container).find('#oSilideImg_'+id).append(s)
		}

		$(container).find('#oSilideImg_'+id).append( img = $('<img src="'+imagenes[id]["url"]+'" />') )

		imgResize(img,container_heigh,container_width);
		
	}
		
		
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
// 																														#########################
//	transition to next image																										#########################
//	private method																											#########################
// 																														#########################
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????

	var transitionToImage = function ($currentImage,$nextImage,$animation)
	{
		consoleOut("just called private method: transitionToImage("+$currentImage+","+$nextImage+","+$animation+")");
				
		switch ($animation)
		{
		  
		
			case 5:
	// 		  document.write("<b>Viernes social</b>");
			  break;
			  
			  
			default: // "fade"
				if($loop_started!=true)  // first time run
				{					
					$(oSlide_div).css("background-color",options.fade_color)
					
					insertImage($nextImage,oSlide_div);
				
					$(oSlide_div).find('#oSilideImg_'+$nextImage).fadeIn(options.fade_time,function()
					{
						if( options.mouseOverStopSlide == true && $eventMouseOver == true)
						{
							main_loop_timer="inactive";
							clearTimeout($main_loop);
						}
						$isInImageTransition = false;
					    
						if(options.enableNavigationBar == true)
						{
							$(container).find('#'+options.divNavigationBarId+' .oSlideNavigationElementId_'+$nextImage).addClass( options.divNavigationActiveElement );
						}
					});
					
				$loop_started = true;
				
					
				}else{
					$(oSlide_div).find('#oSilideImg_'+$currentImage).fadeOut(options.fade_time,function (){
					  
						insertImage($nextImage,oSlide_div);
				
						$(oSlide_div).find('#oSilideImg_'+$nextImage).fadeIn(options.fade_time,function()
						{
							if( options.mouseOverStopSlide == true && $eventMouseOver == true)
							{
								main_loop_timer="inactive";
								clearTimeout($main_loop);
							}
							$isInImageTransition = false;
						});
					
					
					

						if(typeof(imagenes[$currentImage]["link"])!="undefined"){
							$(oSlide_div).find('#oSilideImg_'+$currentImage).parent().remove();
						}else{
							$(oSlide_div).find('#oSilideImg_'+$currentImage).remove();
						}
						
						consoleOut("Removing image: "+$currentImage);
						
						if(options.enableNavigationBar == true)
						{
							$(container).find('#'+options.divNavigationBarId+' .oSlideNavigationElementId_'+$nextImage).addClass( options.divNavigationActiveElement );
							$(container).find('#'+options.divNavigationBarId+' .oSlideNavigationElementId_'+$currentImage).removeClass( options.divNavigationActiveElement );
						}
					});
				    
				}
				

		
		
		}	
	}

//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
// 																														#########################
//	show navigarion control bar																										#########################
//	private method																											#########################
// 																														#########################
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
		
	var showNavigationBar = function ()
	{
		$(container).append('<div id="'+options.divNavigationBarId+'"></div>');

		for (i=0;i<imagenes["longitud"];i=i+1)
		{
			$(container).find('#'+options.divNavigationBarId).append('<span class="'+options.divNavigationElement+' oSlideNavigationElementId_'+i+'"><span class="'+i+'">'+(i+1)+'</span></span>')

			$(container).find('.oSlideNavigationElementId_'+i).click(function() 
			{

				if($isInImageTransition != true)
				{
					consoleOut("Click on active transition = FALSE");
					
					if(!$(this).hasClass( options.divNavigationActiveElement ))
					{
						var element = $(this).children('span').attr('class');
						clearTimeout($main_loop);
// 						    main_loop_timer="inactive";
						$nextImage = parseInt(element)    ;
						$timeLeft = options.sleep
						jsObj.SlideNext();
					}
				}else{
					consoleOut("Click on active transition = TRUE");
					
// 					var delayed_timeout = function(obj, $main_loop)
// 					{
// 						if(!$(obj).hasClass( options.divNavigationActiveElement ))
// 						{
// 							var element = $(obj).find('span').attr('class');
// // 						      main_loop_timer="inactive";
// 							clearTimeout($main_loop);
// 							$nextImage = parseInt(element)    ;
// 							jsObj.SlideNext();
// 						}
// 					}
// 					var obj = this;
// 					if($MainLoopTimer=="inactive")
// 					{
// 						$MainLoopTimer="active"
// 						setTimeout( function(){ delayed_timeout(obj, $main_loop)   },options.fade_time);
// 					}
				}
			});
		}
		
		$(container).find('#'+options.divNavigationBarId).fadeIn(options.fade_time*3);
	}
		
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
// 																														#########################
//	show navigarion controls																										#########################
//	private method																											#########################
// 																														#########################
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
		
	var showNavigationControls = function ()
	{
		$(container).append('<div id="'+options.divNavigationNextId+'" class="oSlideNavigationControl"><div></div></div>');
		var NextButton = $(container).find('#'+options.divNavigationNextId)
		
		$(container).append('<div id="'+options.divNavigationPrewtId+'" class="oSlideNavigationControl"><div></div></div>');
		var PrewButton = $(container).find('#'+options.divNavigationPrewtId)
		
		
		$(NextButton).height(container_heigh);
		$(NextButton).fadeIn(options.fade_time*3);
		
		$(PrewButton).height(container_heigh);
		$(PrewButton).fadeIn(options.fade_time*3);

		$(NextButton).click(function(){
			consoleOut("Click on navigation controls NEXT")
			$timeLeft = options.sleep
			jsObj.SlideNext();
		});
		
		$(PrewButton).click(function(){
			consoleOut("Click on navigation controls Prew")
			$timeLeft = options.sleep
			jsObj.SlidePrew();

		});
	}
		
		
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
// 																														#########################
//	resizes a image																											#########################
//	private method																											#########################
// 																														#########################
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????

	var imgResize = function($img,$height,$width)
	{
		var aspectRatio = 0;

		if ( $height && $width ) 
		{
			aspectRatio = $width / $height;
		}
		return $img.one( "load", function() {
			      
			this.removeAttribute( "height" );
			this.removeAttribute( "width" );
			this.style.height = this.style.width = "";

			var imgHeight = this.height;
			var imgWidth = this.width;
			var imgAspectRatio = imgWidth / imgHeight;
			var bxHeight = $height;
			var bxWidth = $width;
			var bxAspectRatio = aspectRatio;
				

			if ( !bxAspectRatio )
			{
				if ( bxHeight )
				{
					bxAspectRatio = imgAspectRatio + 1;
				} else {
					bxAspectRatio = imgAspectRatio - 1;
				}
			}

			// Only resize the images that need resizing
			if ( (bxHeight && imgHeight > bxHeight) || (bxWidth && imgWidth > bxWidth) )
			{
				if ( imgAspectRatio < bxAspectRatio ) 
				{
					bxHeight = ~~ ( imgHeight / imgWidth * bxWidth );
				} else {
					bxWidth = ~~ ( imgWidth / imgHeight * bxHeight );
				}

				this.height = bxHeight;
				this.width = bxWidth;
			}
	    }).each(function()
	    {
		    // Trigger load event (for Gecko and MSIE)		    
		    if ( this.complete || isIE6 ) {
			$( this ).trigger( "load" );
		    }
	    });
	
	
	}
  
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
// 																														#########################
//	Launch the constructor																										#########################
// 																														#########################
//???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
	constructor();
   }; // end of the object definition
// ########################################################################################################################################################################################################
// ########################################################################################################################################################################################################
// ########################################################################################################################################################################################################
// ########################################################################################################################################################################################################
// ########################################################################################################################################################################################################


   $.fn.oSlide = function(options)
   {
       return this.each(function()
       {
           var element = $(this);
          
           // Return early if this element already has a plugin instance
           if (element.data('JsObj')) return;

           // pass options to plugin constructor
           var myplugin = new oSlide(this, options);

           // Store plugin object in this element's data
           element.data('JsObj', myplugin);
       });
   };
})(jQuery);