/*
 * Miscellaneous scripts for WebCat 
 * powered by jQuery (http://www.jquery.com)
 * by Matthew Thomson
 *
 */
 

(function($){  

/*----------------------------------------------------------------------*/
/* thumbroll - thumbnail rollover 
 * Adapted from a script written by Alen Grakalic (http://cssglobe.com)
 * 
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 */

    $.fn.thumbroll = function() {  

	return this.each(function() { 

	    var xOffset = -300;
	    var yOffset = 160;
	    obj = $(this);


	    $(this).hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<div>" + this.t + "</div>" : "";
		$("body").append("<p id='thumbroll'><img src='"+ this.rel +"' alt='url preview' />" +"</p>");								 
		$("#thumbroll")
			.css("top",(e.pageY - yOffset) + "px")
			.css("left",(e.pageX + xOffset) + "px")
			.fadeIn("fast")						
			.prepend(c);
		},
		function(){
		    this.title = this.t;	
		    $("#thumbroll").remove();
		});

	    $(this).mousemove(function(e){
		$("#thumbroll")
			.css("top",(e.pageY - yOffset) + "px")
			.css("left",(e.pageX + xOffset) + "px");
	    });	



	});  
    };  

/*----------------------------------------------------------------------*/
/* makeArtButton - Artisteer Button */

    $.fn.makeArtButton = function(heading) {

		return this.each(function() { 	
			$(this).addClass("art-button").wrap("<span class=\"art-button-wrapper\">").before("<span class=l></span><span class=r></span>");
		});
    };


/*----------------------------------------------------------------------*/
/* makeArtBlock - Artisteer Block */

    $.fn.makeArtBlock = function(heading) {
		var blockString = "<div class=\"art-block\"><div class=\"art-block-body\"><div class=\"art-blockheader\"><div class=\"l\"></div><div class=\"r\"></div><div class=\"t\">[HEADER]</div></div><div class=\"art-blockcontent\"><div class=\"art-blockcontent-tl\"></div><div class=\"art-blockcontent-tr\"></div><div class=\"art-blockcontent-bl\"></div><div class=\"art-blockcontent-br\"></div><div class=\"art-blockcontent-tc\"></div><div class=\"art-blockcontent-bc\"></div><div class=\"art-blockcontent-cl\"></div><div class=\"art-blockcontent-cr\"></div><div class=\"art-blockcontent-cc\"></div><div class=\"art-blockcontent-body\">[CONTENT]<div class=\"cleared\"></div></div></div><div class=\"cleared\"></div></div></div>";
		return this.each(function() { 	
			var content = $(this).html();
			var header = $(this).attr("header");
			if (heading!="")
				header=heading;
			sHtml = blockString.replace("[HEADER]",header).replace("[CONTENT]", content);
			$(this).html(sHtml);
		});
    };

/*----------------------------------------------------------------------*/
/* dtautocomplete - chainable autocomplete */

    $.fn.dtautocomplete = function(qry, arg, resfunc) {

	var url = 'ajaxquery.aspx?qry=' + qry + '&arg1=' + encodeURIComponent(arg);
	//alert(url);
	return this.each(function() { 	

		$(this).autocomplete(url, {
			selectFirst: false, minChars: 0, autoFill: true, mustMatch: false, max: 100 }).result(function () { 
					if (resfunc) resfunc();
				});
		
	});
    };

})(jQuery);