// JavaScript Document
$(document).ready(function(){
	/** Navigation **/
	$("#nav ul li a").mouseover(function() {
										$(this).animate({"opacity":"1"}, {duration:"fast"});																 
									}).mouseout(function() {
										if(!$(this).hasClass('on')){
											$(this).animate({"opacity":"0.7"}, {duration:"fast"});																 
										}
									}).css("opacity","0.7");
	
	$("#nav ul li a.on").animate({"opacity":"1"}, {duration:"fast"});
	
	$("#nav #search-field").focus(function() {			
		if($(this).attr("value") == "Search Our Shirts"){
			$(this).attr("value","").css("color","#000000");
		}
	});
	
	$("#nav #search-field").blur(function()	{
		if($(this).attr("value") == ""){
			$(this).attr("value","Search Our Shirts").css("color","");
		}
	});	
	
	/** Search Form **/
	$("#reset-btn").click(function() {
		$("#reset").val('true');
		$("#search-btn").click();
	});
	
	/** Shirt preview **/
	$("#shirt-image-preview").click(function() {
		var nextImage = $("#shirt-image img");
		var nowImage = $("#shirt-image-preview img");
		$(this).empty();
		$(this).append(nextImage.attr('width', '200'));
		$("#shirt-image").append(nowImage.attr('width','400'));
	});	
	
	/** Lightbox **/
	$(".lightbox").lightBox();
	
	/** Hover Balloons **/
	$(".hover-help").each(function() {
		var content = '<div class="top"></div><div class="content">'+$(this).find("span.help-content").html()
				+'</div><div class="bottom"></div>';
				
		$(this).simpletip({
	  	content: content,
			fixed:true,
			position:["-28", "0"],
			onShow: function() {
				var pos = this.getPos();
				var left = pos.left;
				var top = pos.top;
				var height = this.getTooltip().height();
				this.setPos(left, top-height+5);
			}
		});
	});
	
	/** Shirt Options **/
	$("#item-type").change(function() {
		var val = $(this).val();
		
		if(val=="Kids") {
			$(".item-size").hide();			
			$("#item-size-kids").show();
			$("#item-size").val($("#item-size-kids").val());
			$("#size-price").val(0);
			$("#type-price").val(0);
		} else if(val=="Beefy") {			
			$("#type-price").val(TYPE_BEEFY_PRICE);
		} else if(val=="Tagless") {			
			$("#type-price").val(TYPE_TAGLESS_PRICE);
		}else if(val=="Longsleeve") {
			
			$("#type-price").val(TYPE_LONG_PRICE);
		} else if(val=="Womens") {
			
			$(".item-color").hide();
			$("#item-color-womens").show();
			$("#item-color").val($("#item-color-womens").val());
			
			$("#type-price").val(TYPE_WOMEN_PRICE);
		} else if(val=="Crew Sweatshirt") {
			
			$("#type-price").val(TYPE_CREW_PRICE);
		} else if(val=="Hooded Sweatshirt") {
			
			$("#type-price").val(TYPE_HOOD_PRICE);
		} else if(val=="Babydoll") {
			$(".item-size").hide();			
			$(".item-color").hide();
			
			$("#item-size-babydoll").show();
			$("#item-color-babydoll").show();
			$("#item-size").val($("#item-size-babydoll").val());
			$("#item-color").val($("#item-color-babydoll").val());
			$("#size-price").val(0);
			$("#type-price").val(TYPE_BABY_PRICE);
		} else {
			$(".item-color").hide();
			$("#item-color-all").show();
			$(".item-size").hide();			
			$("#item-size-all").show();
			
			$("#item-size").val($("#item-size-all").val());
			$("#item-color").val($("#item-color-all").val());
			$("#type-price").val(0);
		}
	});
	
	$(".item-size").change(function() {
		$("#item-size").val($(this).val());	
		
		var val = $(this).val();
		if(val=="XXL") {
			$("#size-price").val(SIZE_XXL_PRICE);
		} else if(val=="XXXL") {			
			$("#size-price").val(SIZE_XXXL_PRICE);
		} else {
			$("#size-price").val(0);
		}
	});
	
	/** Check the chosen size when the page loads and set the price accordingly **/
	var size = $(".item-size:visible").val();
	if(size=="XXL") {
			$("#size-price").val(SIZE_XXL_PRICE);
	} else if(size=="XXXL") {			
			$("#size-price").val(SIZE_XXXL_PRICE);
	}
	
	$(".item-color").change(function() {
		$("#item-color").val($(this).val());																
	});
	
	$("#item-color-clearance").change(function() {
		var cls = $("#item-color-clearance option:selected").attr("class");
		$(".item-size").hide();
		$("#item-size-"+cls).show();
		
		
		var val = $("#item-size-"+cls).val();
		$("#item-size").val(val);
		
		if(val=="XXL") {
			$("#size-price").val(SIZE_XXL_PRICE);
		} else if(val=="XXXL") {			
			$("#size-price").val(SIZE_XXXL_PRICE);
		} else {
			$("#size-price").val(0);
		}
	});
	
	$("#item-color-all").val(SHIRT_COLOR);
	$("#item-color-babydoll").val(SHIRT_COLOR);
	$("#item-color-womens").val(SHIRT_COLOR);
	
	if(INK_COLOR) {
		$('.item-color option[value="'+INK_COLOR+'"]', this).remove();
		
		if(INK_COLOR=="White") {
			$('.item-color option[value="Ash"]', this).remove();
			$('.item-color option[value="Natural"]', this).remove();
		}
		
		if(INK_COLOR=="Black") {
			$('.item-color option[value="Dark Heather"]', this).remove();
			$('.item-color option[value="Deep Forest"]', this).remove();
		}
	}
});