/**
 * Holds frontend script necessary to support WC blocks
 *
 */
( function($)
{

	"use strict";

	//	Add a predefined color to element
	var elements = $( '.has-background, .has-text-color' );

	elements.each( function( i )
	{
		var element = $(this);
		if( ! ( element.hasClass( 'has-background' ) || element.hasClass( 'has-text-color' ) ) )
		{
			return;
		}

		var classList = element.attr( 'class' ).split( /\s+/ );
		var color = '';
		var style = '';

		if( element.hasClass( 'has-background' ) )
		{
			$.each( classList, function( index, item )
			{
				item = item.trim().toLowerCase();
				if( 0 == item.indexOf( 'has-col-' ) && -1 != item.indexOf( '-background-color' ) )
				{
					color = item.replace( 'has-col-', '' );
					color = color.replace( '-background-color', '' );
					color = color.replace( /-|[^0-9a-fA-F]/g, '' );
					if( color.length == 3 || color.length == 6 )
					{
						element.css( { 'background-color': '', 'border-color': '' } );		//	force hex instead rgb
						style = 'undefined' != typeof element.attr( 'style' ) ? element.attr( 'style' ) + ';' : '';
						element.attr( 'style', style + ' background-color: #' + color + '; border-color: #' + color + ';' );
					}
				}
			});
		}

		if( element.hasClass( 'has-text-color' ) )
		{
			$.each( classList, function( index, item )
			{
				item = item.trim().toLowerCase();
				if( 0 == item.indexOf( 'has-col-' ) && -1 == item.indexOf( '-background-color' ) && -1 != item.indexOf( '-color' ) )
				{
					var color = item.replace( 'has-col-', '' );
					color = color.replace( '-color', '' );
					color = color.replace( /-|[^0-9a-fA-F]/g, '' );
					if( color.length == 3 || color.length == 6 )
					{
						element.css( 'color', '' );		//	force hex instead rgb
						style = 'undefined' != typeof element.attr( 'style' ) ? element.attr( 'style' ) + ';' : '';
						element.attr( 'style', style + ' color: #' + color + ';' );
					}
				}
			});
		}

	});

	//	add a custom font size to element
	elements = $('[class^="has-fs-"], [class$="-font-size"]');

	elements.each( function( i )
	{
		var element = $(this);

		var classList = element.attr( 'class' ).split( /\s+/ );

		$.each( classList, function( index, item )
		{
			item = item.trim().toLowerCase();

			if( 0 == item.indexOf( 'has-fs-' ) && -1 != item.indexOf( '-font-size' ) )
			{
				item = item.replace( 'has-fs-', '' );
				item = item.replace( '-font-size', '' );
				item = item.split( '-' );

				if( item.length != 2 )
				{
					return;
				}

				var style = 'undefined' != typeof element.attr( 'style' ) ? element.attr( 'style' ) + ';' : '';
				element.attr( 'style', style + ' font-size:' + item[0] + item[1] + ';');
			}
		});

	});

})( jQuery );