// h2o UI package

// we love mac !



(function(){
	
	jQuery.dialog = function(title, text, buttons, inputs){
	
		
		// dialog creation
	
		var div = $("<div />");
		var div_form = $("<form />");
		
		div_form.append(
			$("<h1 />").css({fontFamily: "tahoma", fontSize: "15px", margin: "0px", fontWeight: "bold", color: "#fff"}).text(title)
		);
		
		div_form.append(
			$("<p />").css({margin: 2, color: "#ddd", fontSize: "11px"}).text(text)
		);
		
		div.addClass("dialog");
		
		var inp = null;
		var lab = null;
		
		// input creation
		
		var div_inps = $("<div />");
		
		if(inputs){
			$.each(inputs, function(k, v){
				inp = $("<input type='text' />").attr("name", k);
				lab = $("<label />").css({fontSize: "11px", fontFamily: "tahoma", fontWeight: "bold"}).text(v);
				div_inps.append(lab);
				div_inps.append(inp);
			});
		}
		
		
		//div_form.append(div_inps);
		
		// button creation
	
		var div_buts = $("<div />").css("text-align", "center");
		
		if(buttons){
			$.each(buttons, function(i, val){
				inp = $("<input type='button' />");
				inp.attr("value", i);
				if(val){
					inp.bind("click", { dialog: div, form: div_form }, val);
				}
				
				inp.click(function(){
					div.trigger("destroy");
				});
				div_buts.append(inp);
			});
			var all_inps = $("input", div_buts);

			// all_inps.hover(function(){
			// 				$(this).css("background-image", "url('/img/but_a.png')");
			// 				$(this).next("span").css("background-image", "url('/img/but_a.png')");
			// 			}, function(){
			// 				$(this).css("background-image", "url('/img/but.png')");
			// 				$(this).next("span").css("background-image", "url('/img/but.png')");
			// 			});
		}
		
		
		div_form.append(div_inps);
		div_form.append(div_buts);
		
		div.append(div_form);
		
		div.css("position", "absolute");
		
		div.css({
			background: "url('/img/h2o-box.png')", 
			width: "381px", 
			backgroundPosition: "center bottom", 
			padding: "10px",
			paddingBottom: "20px"
		});
		if($.browser.msie){
			div.css({backgroundImage: "url('/img/h2o-box.gif')"});
		}
		div_form.css({textAlign: "center", padding: 5});
		
		
		
		
		// dialog appending
		
		
		
		$(document.body).append(div);
	    var h = div.height();
	    var w = div.width();
		div.hide();
		
		// animation stuff
		
		var w_h = $(document.body).height();
		var w_w = $(document.body).width();
		
		var pos_top = 0;
		var pos_left = w_w / 2 - w / 2;
		
		div.css("top", pos_top);
		div.css("left", pos_left);
		
		var oldh = div.height();
		
		div.bind("discover", function(){
			div.show();
			div.css("marginTop", -1 * oldh);
			
			$.scrollTo(0, 500);
			
			div.animate({
				/*"top" : "0px"*/
				marginTop: 0,
				opacity: 0.9
			});
		});
		
		
		div.bind("destroy", function(){
			$(this).animate({
				marginTop: -1 * oldh,
				opacity: 1
			}, 200, 0, function(){ $(this).remove() });
		});
		
		return div;	
	}
	
	
jQuery.fn.discover = function(){
	return $(this).trigger("discover");
}
jQuery.fn.destroy = function(){
	return $(this).trigger("destroy");
}
	
	
jQuery.showLoader = function(){
	var b = $("body");
	
}
	
})(jQuery);