// JavaScript Document
(function($){
		  
 	$.fn.fontReplace = function(options) {
		
		var defaults = {
				
            path               : 'fontReplace/',        //Path to the fontReplace php script. Do not include the file name
            textIndent         : -1000,                 //Amount to indent the original text
            fontFile           : 'Tribal_Font',         //The font to use. Place inside the /fonts subdirectory. Must be .ttf file
            fontSize           : 30,                    //The size of the font
            fontColor          : '#000000',             //The color that the font should be. Can only use hex values at present. NB: NO # in argument
            background         : '#ffffff',             //The color of the background in the generated image NG: NO # in argument
            width              : 0,                     //If this value is set, fixed width is used
            height             : 0,                     //If this value is set, fixed height is used
            backgroundPosition : '0 0'
		}
		
		var options = $.extend(defaults, options);


    	return this.each(function() {
		
			obj = $(this);	//Handle to the current object
			
			imageText = obj.text();	//Get the text inside the matched element
			
			//We need to do some calculations in order to set the height and width of the element
			//The element needs to have a fixed height and width for the image to fit in nicely
			
			//First the width calculations
			if(options.width == 0) {
				textLength = imageText.length;
				width = Math.round((options.fontSize / 1.7)*(textLength)); 
			}
			else
			{
				width = options.width;
			}
			
			
			//Then the height calculations
			if(options.height == 0)
			{
				height = options.fontSize * 1.5;
			}
			else
			{
				height = options.height;	
			}
			
			
			
			
			//Time to generate the url string for the image
			//First we need to clean the options array a little
			path 		= jQuery.trim(options.path);
			fontFile	= jQuery.trim(options.fontFile);
			fontColor	= jQuery.trim(options.fontColor).replace("#", "");
			background	= jQuery.trim(options.background).replace("#", "");
			
			
			//Now we can generate the url
			url = path + 
				 'fontReplace.php?font=' + encodeURIComponent(fontFile) +
				 '&text=' + encodeURIComponent(imageText) +
				 '&fontcolor=' + fontColor + 
				 '&backgroundcolor=' + background + 
				 '&size=' + options.fontSize;
			
			
			//Set some css values on the matched element
			obj.addClass("font-replaced");
			obj.css({
					
						'background-image' 		: 'url(' + url + ')',
                        'background-repeat'     : 'no-repeat',
                        'background-position'   : options.backgroundPosition,
						'text-indent' 			: options.textIndent
						
					});
			
			//Generate the image string
			//image = '<img src="' + url + '" />';
			
			//obj.html(image);
				
   		});
		
 	};
 
})(jQuery);