
jQuery(function($){

	function cms_make_button()
	{
		var	button = $(this),
			sicon = button.hasClass('sicon'),
			icon = null,
			classes = button.attr('class').split(' ');
			
		button.css('visibility', 'visible');

		for (var i = 0; i < classes.length; i++)
			if (classes[i].indexOf('ui-icon-') === 0)
				icon = classes[i];

		if (icon)
		{
			if (sicon)
				button.button({icons: {secondary: icon}});
			else
				button.button({icons: {primary: icon}});
		}
		else
			button.button();
	}

	$('input[type=submit], button, a.button').each(cms_make_button);

	var part_finder_last_make, part_finder_last_model;
	
	$('#part_finder .parts a.help').live('click', function() {
		$this = $(this);
		$.ajax({
			url: $(this).attr('href'),
			dataType: 'json',
			success: function(data) {
				var content = ''+
					'<div class="design-series-dialog">'+
						'<img class="image" src="'+data.image+'">'+
						'<div class="description">'+data.description+'</div>'+
					'</div>',
					$dialog = $('<div class="part-design-series-dialog" />').html(content).dialog({
					width: 375,
					resizable: false,
					title: data.name,
					modal: true
				});
			}
		})
		return false;
	});
	
	$('.ui-widget-overlay').live("click", function() {
    $(".part-design-series-dialog").dialog("close");
	});  
	
	$('a.drainer-dialog').click(function(){
		$.ajax({
			url: $(this).attr('href'),
			dataType: 'json',
			success: function(data, textStatus, XMLHttpRequest)
			{
				var content = ''+
					'<div class="drainer-dialog">'+
						'<img class="image" src="'+data.thumb+'">'+
						'<div class="description">'+data.description+'</div>'+
						'<div class="price"><p>'+data.price+'</p></div>'+
						'<!--div class="weight">'+data.weight+'</div-->'+
					'</div>',
				$dialog = $('<div class="part-design-series-dialog" />').html(content).dialog({
					width: 375,
					resizable: false,
					title: data.name,
					modal: true
				});
			}
		});
		return false;
	});

	
	$("#part_finder_make").change(function()
	{
		if (part_finder_last_make == $(this).val())
			return;
			
		part_finder_last_make = $(this).val();
		
		$('#part_finder .models').addClass('hidden');
		$('#part_finder .parts').addClass('hidden');
		
		if ($(this).val() == '')
			return;
			
		$.ajax({
			url: '/part-finder/make/'+$(this).val()+'/models',
			dataType: 'json',
			success: function(data, textStatus, XMLHttpRequest)
			{				
				if (data.models)
				{
					$('#part_finder .models').html(data.models).removeClass('hidden');
					$('#part_finder .models select')./*ufd(ufd_options).*/change(function()
					{						
						if (part_finder_last_model == $(this).val())
							return;
					
						part_finder_last_model = $(this).val();
						
						if ($(this).val() == '')
						{
							$('#part_finder .parts').addClass('hidden');
							return;
						}
					
						$.ajax({
							url: '/part-finder/model/'+$(this).val()+'/parts',
							success: function(data, textStatus, XMLHttpRequest) {
								$('#part_finder .parts').html(data);
								$('#part_finder .parts').find('input[type=submit], button, a.button').each(cms_make_button);
								$('#part_finder .parts').removeClass('hidden');							
							}
						});					
					});
				}
				
				if (data.parts)
				{
					$('#part_finder .parts').html(data.parts);
					$('#part_finder .parts').find('input[type=submit], button, a.button').each(cms_make_button);
					$('#part_finder .parts').removeClass('hidden');						
				}
			}
		});		
	});

	return;

	$('.colorbox-popup').click(function(){
		var content = $(this).find('.colorbox-popup-hidden-content');
		$.colorbox({
			html:   content.html(),
			width:  content.width(),
			height: content.height()
		});
		return false;
	});

	if (typeof Empty.alert !== 'undefined')
		$.colorbox({
			html: Empty.alert,
			width: '500px'
		});
});

