// init price formatter on page load
$(document).ready(function(){PriceFormatter.init()});

// set priceformatter default configuration
var PriceFormatterConfiguration = {
	DELIMITER:',',
	CURRENCY:'€'
}

// priceformatter object
var PriceFormatter = {
	
	init:function() {
		// find all prices to format and do my thing
		$('strong.price').each(function() {
			PriceFormatter.format($(this));
		});
	},
	
	format:function(price) {
		
		// get price text
		var parts = price.text().split(PriceFormatterConfiguration.DELIMITER);
		
		// get units
		var unitsLastSpaceIndex = parts[0].lastIndexOf(' ');
		var units = parts[0].substr(unitsLastSpaceIndex + 1);
		
		// get sub units
		var subUnitsCurrencyIndex = parts[1].indexOf(PriceFormatterConfiguration.CURRENCY);
		var subUnits = subUnitsCurrencyIndex > -1 ? parts[1].slice(0,subUnitsCurrencyIndex) : parts[1];
		
		// get prefix
		var prefix = parts[0].slice(0,parts[0].indexOf(units));
		
		// get suffix
		var suffix = parts[1].slice(subUnits.length);
		
		// create master container and append content
		var container = $('<span class="price-container"/>');
			container.append(prefix);
			container.append('<span class="valuta-unit">' + units + PriceFormatterConfiguration.DELIMITER + '</span>');
			container.append('<span class="valuta-sub-unit">' + subUnits + '</span>');
			container.append(suffix);
		
		// replace content of price container
		price.html(container);
	}
}