var color1 = '';
var color2 = '';
var color3 = '';

var color1_changeable = true;
var color2_changeable = true;
var color3_changeable = true;

function reset_bag_choose_colors() {
	color1 = '';
	color2 = '';
	color3 = '';
	
	$('.color', $('#step_bag_choose_colors')).css('opacity', 1.0);
	
	$('#pms_color1').attr('src', 'img/pms/empty.png');
	$('#pms_color2').attr('src', 'img/pms/empty.png');
	$('#pms_color3').attr('src', 'img/pms/empty.png');
	
	$('#choose_colors_next').css('opacity', 0.3);
}

$('document').ready(
	function() {
		for(var a = 0; a <= 14; a++){
			var temp_image = new Image;
			temp_image.src = 'img/pms/color' + a + '.png';
		}
		
		$('.color', $('#step_bag_choose_colors')).hover(
			function() {
				$(this).css('border', '2px solid #EE1D23');
				
				var parts = $(this).attr('id').split('_');
				
				$('#pms_' + parts[0]).attr('src', 'img/pms/' + parts[1] + '.png');
			}, function() {
				$(this).css('border', '2px solid black');
				
				var parts = $(this).attr('id').split('_');
				
				if(parts[0] == 'color1'){
					if(color1 == ''){
						$('#pms_' + parts[0]).attr('src', 'img/pms/empty.png');
					}else{
						$('#pms_' + parts[0]).attr('src', 'img/pms/' + color1 + '.png');
					}
				}else if(parts[0] == 'color2'){
					if(color2 == ''){
						$('#pms_' + parts[0]).attr('src', 'img/pms/empty.png');
					}else{
						$('#pms_' + parts[0]).attr('src', 'img/pms/' + color2 + '.png');
					}
				}else if(parts[0] == 'color3'){
					if(color3 == ''){
						$('#pms_' + parts[0]).attr('src', 'img/pms/empty.png');
					}else{
						$('#pms_' + parts[0]).attr('src', 'img/pms/' + color3 + '.png');
					}
				}
			}
		);
		
		$('.color', $('#step_bag_choose_colors')).click(
			function() {
				var parts = $(this).attr('id').split('_');
				
				if(
					(color1_changeable && parts[0] == 'color1') ||
					(color2_changeable && parts[0] == 'color2') ||
					(color3_changeable && parts[0] == 'color3')
				){
					if(parts[0] == 'color1'){
						color1_changeable = false;
					}else if(parts[0] == 'color2'){
						color2_changeable = false;
					}else if(parts[0] == 'color3'){
						color3_changeable = false;
					}
					
					
					$('.color', $('.' + parts[0])).not(this).animate({'opacity': 0.3}, 400);
					$(this).animate({'opacity': 1.0}, 400);
					
					if(parts[0] == 'color1'){
						color1 = parts[1];
					}else if(parts[0] == 'color2'){
						color2 = parts[1];
						
						// BOF LESS COLORS
						color3 = parts[1];
						// EOF LESS COLORS
					}else if(parts[0] == 'color3'){
						color3 = parts[1];
					}
					
					if(color1 != '' && color2 != '' && color3 != ''){
						$('#choose_colors_next').animate({'opacity': 1.0}, 400);
					}
					
					
					if(parts[0] == 'color1'){
						setTimeout('color1_changeable = true', 400);
					}else if(parts[0] == 'color2'){
						setTimeout('color2_changeable = true', 400);
					}else if(parts[0] == 'color3'){
						setTimeout('color3_changeable = true', 400);
					}
				}
			}
		);
		
		$('#choose_colors_next').click(
			function() {
				if($(this).css('opacity') == 1){
					show_next();
				}
			}
		);
		
		$('.step_header_back', $('#step_bag_choose_colors')).click(
			function() {
				reset_steps('step_bag_choose_colors');
			}
		);
	}
);