(function($){
	
	$.fn.slideBox = function(params){
	
		//var content = $(this).html();
		var content = $("#testZone").html();
    var defaults = {
			width: "500px",
			height: "200px",
			position: "left"			// Possible values : "top", "bottom"
		}
		
    
    if(params) $.extend(defaults, params);
		
		var divPanel = $("<div class='slide-panel'>");
		var divContent = $("<div class='content'>");
	  var divButtonOP = $("<div class='slide-button' title='Sprachreise-Katalog bestellen'></div>");
		var divButtonCL = $("<div style='display: none' id='close-button' class='slide-button'></div>");
	  var divButton = $("<div class='button-panel'>");
	
		$(divContent).html(content);
  	
    $(divButton).append($(divButtonOP));
  	$(divButton).append($(divButtonCL));
  
  	$(divPanel).addClass(defaults.position);		
	
		$(divPanel).append($(divContent));
		
		$(divPanel).append($(divButton));
			
		$(this).replaceWith($(divPanel));		
		
    $('<div id="slide_bg"><div class="fancy_bg fancy_bg_n"></div><div class="fancy_bg fancy_bg_ne"></div><div class="fancy_bg fancy_bg_e"></div><div class="fancy_bg fancy_bg_se"></div><div class="fancy_bg fancy_bg_s"></div><div class="fancy_bg fancy_bg_sw"></div><div class="fancy_bg fancy_bg_w"></div><div class="fancy_bg fancy_bg_nw"></div></div>').prependTo(divPanel);
		$("#slide_bg").css("display" , "none");	 
		$(".content > #menu4iframe").css({'position' : 'absolute','left' : '-422px'});
    // Buttons action
		$(".slide-button").click(function(){
		
      

			//$("#fancy_overlay").click(function(){     
			//$("#fancy_overlay,#fancy_bigIframe").fadeOut("fast").remove();
		  //});
		  
			if($(this).attr("id") == "close-button"){

				$(divContent).animate({width: "0px"}, 1000);
	      $(divButton).animate({left: "0px"}, 1000,'',	  
        function(){$("#fancy_overlay,#fancy_bigIframe").fadeOut("fast").remove();
        $("#sprachreisenfindercontent").css({'display': 'block'});    
        });
	      $(".content > #menu4iframe").animate({left: "-422px"}, 1000);
        
	      //$(".content > #menu4iframe").css({'width' : '0px'});
  		}else{
    		$("#fancy_wrap").prepend('<div id="fancy_overlay"></div>');
  			$("#fancy_overlay").css({'width': $(window).width(), 'height': $(document).height(),'opacity' : '0.4'});
  
  			if ($.browser.msie) {
  				$("#fancy_wrap").prepend('<iframe id="fancy_bigIframe" scrolling="no" frameborder="0"></iframe>');
  				$("#fancy_bigIframe").css({'width': $(window).width(), 'height': $(document).height(), 'opacity': 0});
  			$("#sprachreisenfindercontent").css({'display': 'none'});
        }
			 
			 //$('<div id="fancy_bg"><div class="fancy_bg fancy_bg_n"></div><div class="fancy_bg fancy_bg_ne"></div><div class="fancy_bg fancy_bg_e"></div><div class="fancy_bg fancy_bg_se"></div><div class="fancy_bg fancy_bg_s"></div><div class="fancy_bg fancy_bg_sw"></div><div class="fancy_bg fancy_bg_w"></div><div class="fancy_bg fancy_bg_nw"></div></div>').prependTo(divPanel);
			 //$("#fancy_bg").css("display" , "block");

        $(".content > #menu4iframe").animate({'left' : '0'}, 1000);
				$(divContent).animate({width: defaults.width}, 1000);
				$(divButton).animate({left: defaults.width}, 1000);
			}
			$(".slide-button").toggle();
		});
	};
	$.fn.contentexpand = function(params){
	 $(this).hover(function(){	 
    $(this).find(".hover_expand_container").slideDown(200);   
   },
   function(){
	   $(this).find(".hover_expand_container").slideUp(100);   
   });
  
  };
})(jQuery);