/*
slide mini es un plug in echo por rodrigo bravo
proximamente mas info en
http://www.guruss.cl
*/

$.fn.slideMini = function(options) {
 var $this = $(this);
 var defaults = {velocidad: 500};
 var opt =  $.extend(defaults, options);
 
  var ul=$this.find("ul");
  var anchoLi=ul.find("li").find("img").outerWidth(true);

this.each(function() {
     var parametro = options;
        var div=$(this);
	var ul=$(this).find("ul");
	var altoLi=ul.find("li").find("img").outerHeight();
	var anchoUl=ul.find("li").size() * anchoLi;
	var altoUl=ul.outerHeight();
	
        if(div.find("img").length>1){
         $("<div class='controlSlide'><span class='atras'></span><span class='siguiente'></span></div>").insertAfter(ul);
         $("div.controlSlide").css({"position":"absolute","bottom":"-20px","height":"18px","width":anchoLi,"background":"#fff","opacity":"0.7"});
         $("span.siguiente").css({"background-image":"url(images/siguiente-slide.png)","background-repeat":"no-repeat","background-position":"left top"});
         $("span.atras").css({"background-image":"url(images/atras-slide.png)","background-repeat":"no-repeat","background-position":"left top"});
         $("div.controlSlide").find("span").css({"display":"inline-block","height":"20px","width":"20px","cursor":"pointer"});
         ul.css({"position":"absolute","top":"0","left":"0","width":anchoUl,"heigth":altoUl});
         ul.find("li").css({"float":"left","display":"inline-block"});
        }
	div.css({"overflow":"hidden","position":"relative"});
	div.width(anchoLi);
	div.height(altoLi);
  });
  
	
	var posicion=0;
	$("span.siguiente").click(function(event){
	event.stopPropagation();
		var ul=$(this).parent().prev("ul");
		var anchoLi=ul.find("li").width();
		anchoUl=ul.width();
		var add=posicion-anchoLi;
		if(add>-anchoUl){
			ul.animate({"left":add},opt.velocidad);
			posicion=add;
		}else{
			ul.css({"left":0});
			posicion=0;
		}
		return false;
	});
	$("span.atras").click(function(event){
		event.stopPropagation();
		var ul=$(this).parent().prev("ul");
		var anchoLi=ul.find("li").width();
		anchoUl=ul.width();
		if(posicion==0){
			var add=anchoLi-anchoUl;
			ul.css({"left":add});
			posicion=add;
		}else{
			event.stopPropagation();
			var add=anchoLi+posicion;
			ul.animate({"left":add},opt.velocidad);
			posicion=add;
		}
		return false;
	});
        if(this.find("img").length>1){
            this.hover(function(){
                    $(this).find("div.controlSlide").animate({"bottom":"0px"},200);
            },function(){
                    $(this).find("div.controlSlide").animate({"bottom":"-20px"},200);
            });
        }
   
 };
 
$(function(){

});