(function(){


	var Slider = (function(){

     function setParent(){
        Slider.obj = $(Slider.slider).parent();
        Slider.parent = Slider.obj[0];
        $(Slider.parent).css({padding: "0px",position:"relative","margin":"10px 0 20px 0","height":$('[rel=slider]').height(),"overflow":"hidden"});
        $(Slider.slider).css({"position":"absolute","top":"0px","left" : "0px"});
    }




		var Slider = function(selector){

      return new Slider.fn.init(selector);
		}
    Slider.selector = "";
		Slider.fn = Slider.prototype = {
			constructor : Slider,
			init : function(selector){
				Slider.selector = selector;
				return 	this;
			},
			
			Dimensions :{



      },
			
     Step : function(dir,increment,speed,ease){
            setParent();

            if(dir == "left" || dir == "right"){

              if(dir == "left"){
                  $(Slider.selector).animate({"marginLeft" : "-="+increment+"px"},speed,ease);
                  Slider.margL -= increment;
              }

              if(dir == "right"){
                $(Slider.selector).animate({"marginLeft" : "+="+increment+"px"},speed,ease);
                Slider.margL += increment;
              }


            }
            
            if(dir == "up" || dir == "down"){
                 (dir == "up") ?
                 $(Slider.selector).animate({"marginTop" : "-="+increment+"px"},speed,ease) :
                 $(Slider.selector).animate({"marginTop" : "+="+increment+"px"},speed,ease);
            }
            return this;
     },
			
     MoveLeft : function(method,speed,ease){
            setParent();
            $(Slider.selector).animate({marginLeft : "500px"},speed,ease);

            return this;
     },
		
		MoveRight : function(speed,ease){
        Slider.obj = $(Slider.selector).parent();
        Slider.parent = Slider.obj[0];
        $(Slider.parent).css({"position":"relative","height":Slider.parent.offsetHeight});
        $(Slider.selector).css({"position":"absolute","top":"0px","left" : "0px"});
        $(Slider.selector).animate({marginLeft : "-500px"},speed,ease);
        return this;
     }

		}
		
		Slider.XSetting = function(speed,ease){
        this.offsetParent = $(Slider.selector).parent().offset();
        this.offset = $(Slider.selector).offset();
        this.xa = this.offsetParent.left;//distance left: top left corner of box
        this.xb = this.xa + ($(Slider.parent).width() * 0.1 );//distance left: top right corner of box

        this.ya = this.offsetParent.top;//distance top: top left corner of box
        this.yb = this.ya + $(Slider.parent).height();//distance top: bottom left corner of box



        this.xc =  this.offsetParent.left + $(Slider.parent).width() - ($(Slider.parent).width() * 0.1 );
        this.xd = this.xc + ($(Slider.parent).width() * 0.1 );
        /*var boxL = document.createElement("div");var boxR = document.createElement("div");
        document.body.appendChild(boxL);document.body.appendChild(boxR);
        $(boxL).css({"position":"absolute",background: "#0000ff",width : this.xb,height : $(Slider.selector).height(),left : this.xa,top : this.offset.top});
        $(boxR).css({"position":"absolute",background: "#0000ff",width : this.xb,height : $(Slider.selector).height(),left : this.xc,top : this.offset.top});
         */

        $(document).bind('click',function(e){
           if(e.pageX > Slider.xa && e.pageX < Slider.xb && e.pageY > Slider.ya && e.pageY < Slider.yb){
              //$(Slider.selector).animate({marginLeft : "500px"},speed,ease);

           }
           
           if(e.pageX > Slider.xc && e.pageX < Slider.xd && e.pageY > Slider.ya && e.pageY < Slider.yb){
              //$(Slider.selector).animate({marginLeft : "0px"},speed,ease);

           }
        });

    },
    



	
		Slider.fn.init.prototype = Slider.fn;
	
		window.Slider = Slider;
	
	
  $(document).ready(function(){

    Slider.win = {
		h : $(window).height(),
		w : $(window).width(),
		scrollL : $(window).scrollLeft(),
		scrollT : $(window).scrollTop()
	}

	Slider.doc = {
		innerH : $("body").height(),
		innerW : $("body").width()

	}
	
	if($('[rel=slider]')){

        Slider.slider = $('[rel=slider]');
        Slider.margL = 0;



        var child = $('[rel=slider]').children();

         var nw = 0;
         var nh = 0;
         for(var i = 0; i < child.length; i++){
              $(child[i]).show();
              nw += $(child[i]).width();
              nh = ($(child[i]).height() > nh ) ? $(child[i]).height() : nh;
         }

         $('[rel=slider]').css({width : nw+"px",height : "auto","overflow":"hidden"});
         $('[rel=slider_left]').css({opacity : 0.01,position:"absolute","top":"0px",width:"10%",height:"100%","background":"#ffffff",zIndex:99});
         $('[rel=slider_right]').css({opacity : 0.01,position:"absolute","top":"0px",right:"0px",width:"10%",height:"100%","background":"#ffffff",zIndex:99});
         Slider.maxL = 0 - ($('[rel=slider]').width() - $('[rel=slider]').parent().width());
		     Slider.maxR = 0;
		     setParent();

    $("#left_listener").click(function(){

		  if(Slider.margL > Slider.maxL){

      Slider('[rel=slider]').Step("left",680,500,"swing");

      }
		});
		
		$("#left_listener").mouseover(function(){

		  if(Slider.margL > Slider.maxL){

      $('#left_listener').css({opacity : 0.5});

      }
		});

    $("#left_listener").mouseout(function(){
       $('#left_listener').fadeTo(500,0.01);
    });
    
    $("#right_listener").mouseout(function(){
       $('#right_listener').fadeTo(500,0.01);
    });

    $("#right_listener").mouseover(function(){
			if(Slider.margL < Slider.maxR){
    $('#right_listener').css({opacity : 0.5});

			}
		});

		$("#right_listener").click(function(){
			if(Slider.margL < Slider.maxR){
			Slider('[rel=slider]').Step("right",680,500,"swing");

			}
		});


  }




  });


	
	
	})();

	






})();