// Original 3, Wave 4, Border 5
var originalimg = null;
var closeupshown = false;
$(function() {
		   
	load_prices();

	$("input[name=series]").click(update);
	$("#size").change(updatesize);
	$("#closeup").hide();
	
	$("#shell").hover(function() {
		var overview = $("#overview")[0];
		closeupshown = $("#closeup:visible").hide().length;
		originalimg = overview.src;
		overview.src = "images/env_shell.jpg";
	},function() {
		if(closeupshown)
			$("#closeup").show();
		$("#overview")[0].src = originalimg;
	});
	
	$("#seriesp").mouseover(function() {
		$("#closeup").hide();
	});
	
	$(".colors li > label").live("mouseover", function() {
		color_change(this);
		$("#closeup").show();							   
	}).live("mouseout",function() {
		$("#closeup").hide();
		color_change();
	}).live("click",updatesize);
	
	$("form").submit(function() {

		if($("input[name=QUANTITY01]").val() < 1) {
			alert("Please select a quantity greater than zero.");
			return false;
		} else if($("input[name=color]:checked").val() == undefined) {
			alert("Please select a color.");
			return false;
		} else if($("#size").val() == 'SIZES') {
			alert("Please select a size.");
			return false;
		}
		return true;
	});
	$.preloadImages(["images/env_original.jpg","images/env_wave.jpg","images/env_border.jpg","images/env_shell.jpg"]);
	update();
});

function cc_valid_size(series,size) {
	switch(series) {
		case 'o':
			if (cc.sizes[size].o)
				return true;
			break;
		case 'w':
			if (cc.sizes[size].w)
				return true;
			break;
		case 'b':
			if (cc.sizes[size].b)
				return true;
			break;
	}
	return false;
}

function load_prices() {
	var row = null;
	var mats = cc.sizes;
	
	$.each(['o','w','b'],function(i,series) {
		$.each(mats,function(j,mats) {
				if(cc.price[series][mats.code]) {
					row = '<tr class="series_'+series+'"><td>'+mats.name+'</td><td>'+mats.dimension+'</td><td align="center">'+mats.weight+'</td><td align="center">'+cc.price[series][mats.code]+'</td></tr>';
					$("#prices").append(row);
				}
		});
	});
}

function color_change(target) {
	var c = null;
	if (target != null)
		c = $(target).children("input:first").val();
	else {
		if(c = $("#colors input[name=color]:checked").val())
			$("#closeup").show();
	}

	if(c != undefined)
		$("#closeup")[0].src = 'images/'+c+'_closeup.jpg';
}


function update() {
	var series = $("input[name=series]:checked").val();

	var colors = new Array();
	var clength = 0;
	var color_class = "colors_three";

	$("#sku").val('');
	$("#closeup,.series_o,.series_w,.series_b").hide();
	switch(series) {
		case 'o':
			$("#overview")[0].src = "images/env_original.jpg";
			$.each(cc.colors,function(i,cc) {
			clength = colors.push({"code":cc.code+cc.code,"color":cc.color});
			});
			break;
		case 'w':
			$("#overview")[0].src = "images/env_wave.jpg";
			$.each(cc.wave,function(i,wave) {
				clength = colors.push({"code":'W'+wave.primary+wave.secondary,"color":color_name(wave.primary)+" and "+color_name(wave.secondary)});					
			});
			color_class = "colors_two";
			break;
		case 'b':
			$("#overview")[0].src = "images/env_border.jpg";
			$.each(cc.border,function(i,border) {
				clength = colors.push({"code":'B'+border.primary+border.secondary,"color":color_name(border.primary)+" and "+color_name(border.secondary)});
			});				
			color_class = "colors_two";
			break;			
	}
	$(".series_"+series).show();
	
	$("#colors").empty();
	$.each(colors,function(i,color) {
		$("#colors").append("<li class=\""+color_class+"\"><label><input type=\"radio\" name=\"color\" value=\""+color.code+"\" />"+color.color+"</label></li>");
		$('<img/>')[0].src = "images/"+color.code+"_closeup.jpg";		
	});
	
	$("#size").empty();
	for(i=0;i<cc.sizes.length;i++) {		
		if (i==0)
			$("#size").append('<option>PRICE LIST</option>');

		switch(series) {
			case 'o':
				if (!cc.sizes[i].o)
					continue;
				break;
			case 'w':
				if (!cc.sizes[i].w)
					continue;
				break;
			case 'b':
				if (!cc.sizes[i].b)
					continue;
				break;
		}
		var thisprice = cc.price[series][cc.sizes[i].code] ? cc.price[series][cc.sizes[i].code] : '';
		$("#size").append("<option value=\""+cc.sizes[i].code+"\">"+cc.sizes[i].name+" "+cc.sizes[i].dimension+" "+thisprice+"</option>");
	}
	updatesize();
}

function updatesize() {
	var sku = makesku();
	
	if(sku == false) return;
	
	$.get('/includes/getprice.php',{sku:sku},function(d) {
		$("#price").html("<strong>$"+d.uprice+"</strong>");
	},'json');
	$("#sku").val(sku);
}

function makesku() {
	var sku = null;
	var color = $("#colors input[name=color]:checked").val();
	var series = $("input[name=series]:checked").val();
	var size = $("#size").val();
	
	if(color != undefined && series != undefined && size != "SIZES") {
		sku = 'CC'+size+color;
		return sku
	}

	return false;
}
function color_name(code) {
	for(var i = 0;i<cc.colors.length;i++) {
		if (cc.colors[i].code == code)
			return cc.colors[i].color;
	}
	return false;
}