Fixes #1065. CJuiSlider is now more customizable.

Fixes #1065. CJuiSlider is now more customizable.

Testing code:

```php

<?php echo CHtml::beginForm(); ?>

<?php
class TestModel1 extends CFormModel
{
	public $price=150;
}
class TestModel2 extends CFormModel
{
	public $priceStart=150;
	public $priceStop=400;
}
?>

<?php $this->widget('zii.widgets.jui.CJuiSliderInput',array(
	'id'=>'slider1',
	'name'=>'price',
	'value'=>150,
	'options'=>array(
		'min'=>100,
		'max'=>500,
	),
)); ?>
<?php $this->widget('zii.widgets.jui.CJuiSliderInput',array(
	'id'=>'slider2',
	'name'=>'priceStart',
	'value'=>150,
	'maxName'=>'priceStop',
	'maxValue'=>400,
	'options'=>array(
		'range'=>true,
		'min'=>100,
		'max'=>500,
	),
	'idEndSuffix'=>'End',
)); ?>

<?php $this->widget('zii.widgets.jui.CJuiSliderInput',array(
	'id'=>'slider3',
	'model'=>new TestModel1(),
	'attribute'=>'price',
	'options'=>array(
		'min'=>100,
		'max'=>500,
	),
)); ?>
<?php $this->widget('zii.widgets.jui.CJuiSliderInput',array(
	'id'=>'slider4',
	'model'=>new TestModel2(),
	'attribute'=>'priceStart',
	'maxAttribute'=>'priceStop',
	'options'=>array(
		'range'=>true,
		'min'=>100,
		'max'=>500,
	),
	'idEndSuffix'=>'End',
)); ?>

<?php echo CHtml::submitButton(); ?>
<?php echo CHtml::endForm(); ?>

// ...

public function actionIndex()
{
	if(Yii::app()->request->isPostRequest)
	{
		CVarDumper::dump($_POST);
		Yii::app()->end();
	}

	$this->render('index');
}
```

After submitting form above following ouput will happen:

```
array
(
    'price' => '150'
    'priceStart' => '150'
    'priceStop' => '400'
    'TestModel1' => array
    (
        'price' => '150'
    )
    'TestModel2' => array
    (
        'priceStart' => '150'
        'priceStop' => '400'
    )
    'yt0' => 'submit'
)
```

Generated HTML:

```html
<form action="/" method="post">
	<input id="slider1" type="hidden" value="150" name="price" />
	<div id="slider1_slider"></div>
	
	<input id="slider2" type="hidden" value="150" name="priceStart" />
	<input id="slider2End" type="hidden" value="400" name="priceStop" />
	<div id="slider2_slider"></div>
	
	<input id="slider3" name="TestModel1[price]" type="hidden" value="150" />
	<div id="slider3_slider"></div>
	
	<input id="slider4" name="TestModel2[priceStart]" type="hidden" value="150" />
	<input id="slider4End" name="TestModel2[priceStop]" type="hidden" value="400" />
	<div id="slider4_slider"></div>
	
	<input type="submit" name="yt0" value="submit" />
</form>
```

Generated JS:

```js
jQuery(function($) {
jQuery('#slider1_slider').slider({'min':100,'max':500,'value':150,'slide':function(event, ui) { jQuery('#slider1').val(ui.value); }});

jQuery('#slider2_slider').slider({'range':true,'min':100,'max':500,'value':150,'maxValue':400,'values':[150,400],'slide':function(e,ui){ v=ui.values; jQuery('#slider2').val(v[0]); jQuery('#slider2End').val(v[1]); }});

jQuery('#slider3_slider').slider({'min':100,'max':500,'value':150,'slide':function(event, ui) { jQuery('#slider3').val(ui.value); }});

jQuery('#slider4_slider').slider({'range':true,'min':100,'max':500,'value':150,'maxValue':400,'values':[150,400],'slide':function(e,ui){ v=ui.values; jQuery('#slider4').val(v[0]); jQuery('#slider4End').val(v[1]); }});

});
```