// JavaScript Document
jQuery.noConflict();
jQuery(document).ready(function() {
	jQuery('#myselectbox').selectbox({
        	onChangeCallback: myFunction
    	});
    
	function myFunction(args)
	{
		jQuery('span.change').append(args.selectedVal);
	}
	
	
	jQuery('#myselectbox1').selectbox({
		inputClass: 'selectbox1'
	});
	
	
	jQuery('#myselectbox2').change(function(){
      		switch(jQuery('#myselectbox2').val()){
      			case 'opt1':
      			case 'opt2':
      			case 'opt3':
      			jQuery('#texttochange').html('Group 1');
      			break;
      			case 'opt4':
      			case 'opt5':
      			case 'opt6':
      			jQuery('#texttochange').html('Group 2');
      			break;
      			case 'opt7':
      			case 'opt8':
      			case 'opt9':
      			case 'opt10':
      			jQuery('#texttochange').html('Group 3');
      			break;
      		}
      	});
	jQuery('#myselectbox2').selectbox({
		inputType: 'span',
		inputClass: 'selectbox2',
		containerClass: 'selectbox2-wrapper',
		loopnoStep: true
	});
});