<?php
/**
 * @author JoomlaShine.com Team
 * @copyright JoomlaShine.com
 * @link joomlashine.com
 * @package JSN ImageShow
 * @version $Id: jsnoverallwidth.php 16647 2012-10-03 10:06:41Z giangnd $
 * @license GNU/GPL v2 http://www.gnu.org/licenses/gpl-2.0.html
 */
defined('_JEXEC') or die('Restricted access');

class JFormFieldJSNOverAllWidth extends JFormField
{
	public $type = 'JSNOverAllWidth';
	protected function getInput()
	{
		// Load mootool
		JHtml::_('behavior.framework', true);
		
		$doc		= JFactory::getDocument();
		$msg        = JText::_('JSN_ALLOW_ONLY_DIGITS');
		$doc->addScriptDeclaration("
			var original_value = '';

			function getInputValue(object)
			{
				original_value = object.value;
			}

			function checkNumberValue(object)
			{
				var patt;
				var msg;
				patt=/^[0-9]+$/;
				msg = '".$msg."';
				if(object.value != '' && !patt.test(object.value))
				{
					alert (msg);
					object.value = original_value;
					return;
				}
			}
			function changeoverallWithValue()
			{
				var patt=/^[0-9]+$/;
				var value_tmp_width = document.id('tmp_width').value;
				var dimension   	= document.id('tmp_width_dimension').value;
				if(value_tmp_width != '' && !patt.test(value_tmp_width))
				{
					alert ('".$msg."');
					document.id('tmp_width').value = original_value;
				}
				else
				{
					if(value_tmp_width != '')
					{
						document.id('".$this->id."').value = value_tmp_width+dimension;
					}
					else
					{
						document.id('".$this->id."').value = '';
					}
				}
			}

			function checkOverallWidth()
			{
				var jform_params_width = document.id('".$this->id."');
				var width = document.id('tmp_width');
				var unit  = document.id('tmp_width_dimension');

				if (width.value > 100 && unit.value == '%') {
					alert(\"".JText::_('JSN_MODULE_ALLOW_ONLY_VALUE_SMALLER_OR_EQUALLER_THAN_100', true)."\");
					width.value = 100;
					jform_params_width.value = '100%';
				}
				return true;
			}
		");
		$html       = '';
		$size		= $this->element['size'] ? ' size="'.(int) $this->element['size'].'"' : '';
		$maxLength	= $this->element['maxlength'] ? ' maxlength="'.(int) $this->element['maxlength'].'"' : '';
		$class		= $this->element['class'] ? ' class="'.(string) $this->element['class'].'"' : ' class="jsn-text"';
		$readonly	= ((string) $this->element['readonly'] == 'true') ? ' readonly="readonly"' : '';
		$disabled	= ((string) $this->element['disabled'] == 'true') ? ' disabled="disabled"' : '';
		$dimension  = array(
			'0' => array('value' => 'px',
			'text' => JText::_('px')),
			'1' => array('value' => '%',
			'text' => JText::_('%'))
		);

		$overallWidthDimensionValue = "%";
		$overallWith = htmlspecialchars($this->value, ENT_COMPAT, 'UTF-8');
		$posPercentageOverallWidth = strpos($overallWith, '%');

		if ($posPercentageOverallWidth)
		{
			$overallWith 	= substr($overallWith, 0, $posPercentageOverallWidth + 1);
			$overallWidthDimensionValue = "%";
		}
		else
		{
			$overallWith = $overallWith;
			$overallWidthDimensionValue = "px";
		}
		$list = JHTML::_('select.genericList', $dimension, 'tmp_width_dimension', 'class="inputbox" style="width: 50px;" onchange="checkOverallWidth(); changeoverallWithValue();"'. '', 'value', 'text', $overallWidthDimensionValue );
		// Initialize JavaScript field attributes.
		$onchange	= $this->element['onchange'] ? ' onchange="'.(string) $this->element['onchange'].'"' : '';

		$html 		 = '<input type="text" name="tmp_width" id="tmp_width"'.' value="'.($overallWith != ''? (int) $overallWith:'').'"'.$class.$size.$disabled.$readonly.$maxLength.' onfocus="getInputValue(this);" onchange="changeoverallWithValue(); checkOverallWidth();"/>';
		$html 		.= '<input type="hidden" name="'.$this->name.'" id="'.$this->id.'"' .
					' value="'.$overallWith.'"'.$class.$size.$disabled.$readonly.$onchange.$maxLength.'/> '.$list;
		return $html;
	}
}