/**
 * Slide Box : a jQuery Plug-in
 * Samuel Garneau <samgarneau@gmail.com>
 * http://samuelgarneau.com
 * 
 * Released under no license, just use it where you want and when you want.
 */

(function($){
	
	$.fn.slideBox = function(params){
	
		var content = $(this).html();
		var defaults = {
			width: "100%",
			height: "800px",
			position: "bottom"
			//opacity: "1"
			// Possible values : "top", "bottom"
		}
		
		// extending the fuction
		if(params) $.extend(defaults, params);
		
		var divPanel = $("<div class='slide-panel' align='right'>");
		var divContent = $("<div class='content'>");
	
		$(divContent).html(content);
		$(divPanel).addClass(defaults.position);
		$(divPanel).css("width", defaults.width);
		//$(divPanel).css("opacity", defaults.opacity);
		
		// centering the slide panel
		$(divPanel).css("right", (100 - parseInt(defaults.width))/2 + "%");
	
		// if position is top we're adding 
		if(defaults.position == "top")
			$(divPanel).append($(divContent));
		
		// adding buttons
		//$(divPanel).append("<div class='slide-button'>Login</div>");
		//$(divPanel).append("<table class='slide-button' width='650' height='26' border='0' cellpadding='0' cellspacing='0'><tr><td height='29'>&nbsp;</td><td width='167' align='center' valign='top' background='img/login.png'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href='#' onclick='#' class='linkbianchi'><strong>Login</strong></a>&nbsp;&nbsp;<strong style='color:#0f5390;'>|</strong>&nbsp;&nbsp;<a href='?pag=10' class='linkbianchi'><strong>Registrati</strong></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td></tr></table>");
		
		//$(divPanel).append("sss")
		//$(divPanel).append("<div class='slide-button' style='padding-top:-20px'><table height='26' border='0' cellpadding='0' cellspacing='0'><tr><td width='423' height='29'>&nbsp;</td><td width='167' align='center' valign='top' background='img/login.gif'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href='#' class='linkbianchi2'><strong>Login</strong></a>&nbsp;&nbsp;<strong style='color:#ffffff;'>|</strong>&nbsp;&nbsp;<a href='?pag=10' class='linkbianchi2'><strong>Registrati</strong></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td width='84' align='center' valign='top' >&nbsp;</td></tr></table></div>");
		$(divPanel).append("<div class='slide-button' style='padding-top:-20px'><div style='background-image:url(img/login.gif);background-repeat:no-repeat; height:30px;background-position:90% 0; padding-right:12%;'><div style='padding-top:5px;' id='ButtonsLogin'><a href='#' class='linkbianchi2' id='LoginBtn'><strong>Login</strong></a><strong style='color:#ffffff; padding:0 5px 0 5px;'>|</strong><a href='?pag=10' class='linkbianchi2'><strong>Registrati</strong></a></div></div></div>");
		
		//$(divPanel).append("<div style='display: none' id='close-button' class='slide-button'>Chiudi X</div>");
		//$(divPanel).append("<div style='display: none;' id='close-button' align='right' class='slide-button'><table width='650' height='29' border='0' cellpadding='0' cellspacing='0'><tr><td width='82' height='29'>&nbsp;</td><td width='82'>&nbsp;</td><td width='82'>&nbsp;</td><td width='237'>&nbsp;</td><td width='167' align='center' valign='top' background='img/login.png' >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href='#' class='linkbianchi'><strong>Chiudi X</strong></a>&nbsp;&nbsp;<strong style='color:#0f5390;'>|</strong>&nbsp;&nbsp;<a href='?pag=10' class='linkbianchi'><strong>Registrati</strong></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td></tr></table></div>");

		//$(divPanel).append("<div style='display: none;' id='close-button' class='slide-button' align='right' ><table height='29'  border='0' cellpadding='0' cellspacing='0'><tr><td width='423' height='29'>&nbsp;</td><td width='167' align='center' valign='top' background='img/login.gif' >&nbsp;&nbsp;<a href='#' class='linkbianchi2'><strong>Chiudi</strong></a>&nbsp;&nbsp;<strong style='color:#ffffff;'>|</strong>&nbsp;&nbsp;<a href='?pag=10' class='linkbianchi2'><strong>Registrati</strong></a></td>  <td width='84' align='center' valign='top' >&nbsp;</td></tr></table></div>");
	$(divPanel).append("<div class='slide-button' style='padding-top:-20px; display: none;' id='close-button' ><div style='background-image:url(img/login.gif);background-repeat:no-repeat; height:30px;background-position:90% 0; padding-right:12%;'><div style='padding-top:5px;' id='ButtonsLogin'><a href='#' class='linkbianchi2'><strong>Chiudi</strong></a><strong style='color:#ffffff; padding:0 5px 0 5px;'>|</strong><a href='?pag=10' class='linkbianchi2'><strong>Registrati</strong></a></div></div></div>");
	

		
		if(defaults.position == "bottom")
			$(divPanel).append($(divContent));
		
		$(this).replaceWith($(divPanel));
		
		// Buttons action
		$(".slide-button").click(function(){
			if($(this).attr("id") == "close-button")
				$(divContent).animate({height: "0px"}, 1000);
			else
				$(divContent).animate({height: defaults.height}, 1000);
			
			$(".slide-button").toggle();
		});
	};
	
})(jQuery);