$(document).ready(function()
{   
	var rightCorner = -20;
	var icons = $('.icon');
	var visibleIcons = [];
	
	$('select.styled').styledSelect();

	$('.button input').hover(
		function(){$(this).parent().addClass('hover')},
		function(){$(this).parent().removeClass('hover')}
	);

	$('label.dynamic').each(function()
	{	
		var value = $(this).text();
		var input = $(this).parent().find('input').get(0);
		
		$(input).val(value);
		
		$(input).bind('focus', function(){if ($(input).val() == value) $(input).val('');});
		$(input).bind('blur', function(){if ($(input).val() == '') $(input).val(value);});
	});
	
	
	update = function(values)
	{
		icons.hide().css('right', '');
		visibleIcons = [];
		right = -100;
		
		if (values[0] == 0)
		{
			icons.show();
		}
		else
		{
			jQuery.each(values, function(i)
			{
				visibleIcons[parseInt(this) - 1] = true;
			});
			
			jQuery.each(visibleIcons, function(i)
			{
				if (this == true)
				{
					$(icons[i]).show();
					$(icons[i]).css('right', right + 'px');
					right = right + parseInt($(icons[i]).css('width'));
				}
			});	
		}
	}
	
	
	
	if ($('#specialty-selector').length == 1 ){	
		list = [];
		icons.hide().css('right', '');
		right = -100;
		$('.icon').each(function(i)
			{
				$(icons[i]).show();
				$(icons[i]).css('right', right + 'px');
				right = right + parseInt($(icons[i]).css('width'));		
			}
		);
	}
	
	$('#specialty-selector').bind('change', function(){
		update($(this).val());
	});
	
});