$(document).ready(function(){

    $.fn.wait = function(time, type) {
        time = time || 1000;
        type = type || "fx";
        return this.queue(type, function() {
            var self = this;
            setTimeout(function() {
                $(self).dequeue();
            }, time);
        });
    };

	
});

$(function(){ 
 
	var Direction = "rtl";
	var Num = 1;
	var Max = 6;
	$("pa").click(function () {
	  $("p").wait(5000).append("<div class='test'></div>");
	  $(".test").draggable();
    });


	//$(this).wait(2000);						  
    //$("p").append("<b>Hello</b>");
	
	$("pa").click(function() {
		//$("p").append("<b>Hello</b>");
	});

  $("#go_down").click(function() {
    $(".texte").animate({"top": "+=200px"}, "fast");
  });
  
	$("#go_right").click(function() {
  		if ( (Num+1)>Max ) 
		{
		//$("#inside").wait(200).animate({"left": "-=50px"}, "fast").wait(200).animate({"left": "+=50px"}, "fast");
		$("#inside").wait(200).animate({"left": "0px"}, "fast");
		Num=1;
		}else{
			$(".texte").fadeTo("normal",.0);
			$("#inside").wait(400).animate({"left": "-=500px"}, "fast");
			$(".texte").fadeTo("normal",1);
			Num++;;
		}
		$("#info").text(Num);
	});
	$("#go_left").click(function() {
  		if ( (Num-1)==0 ) 
		{
		  //$("#inside").wait(200).animate({"left": "+=50px"}, "fast").wait(200).animate({"left": "-=50px"}, "fast");
		  $("#inside").wait(200).animate({"left": "-2000px"}, "fast");
		  Num=Max;
		}else{
			$(".texte").fadeTo("normal",.0);
			$("#inside").wait(400).animate({"left": "+=500px"}, "fast");
			$(".texte").fadeTo("normal",1);
			Num--;
		}
		$("#info").text(Num);
	});	

	$("#i1").click(function() {
		if (Direction == "ltr")
		{
			$("#i1").animate({"left": "+=500px"}, "normal");
		}else{
			$("#i1").animate({"left": "-=500px"}, "fast");
		}
	});
 
});