var $j = jQuery.noConflict();

$j(document).ready(function(){

	
	// left nav accordian 
	$j("ul.subcategories").hide();
	$j("ul#categories li a").hover(function(){ 
		$j(this).next("ul.subcategories").show("slow")
	});
	
	$j("img.thumb_2").hide();
	// product images hover
	$j("a img.thumb_1").mouseover(function() {
		$j(this).parent().next().animate({opacity: "show", top: "auto"}, "slow");
	});
	$j("img.thumb_1").mouseout(function() {
		$j("img.thumb_2").animate({opacity: "hide", top: "auto"}, "fast");
	});
	
	$j(".change_dim").hide();
	$j("input#change_dim").change(function() {
		$j(".change_dim").toggle({opacity: "show", top: "auto"}, "fast");
	});

		
	$j("form.product_options p").hide();
	$j("form.product_options .current p").show();
	$j("option.change_option_1").click(function() {
		$j("form.product_options .current p").hide();
		$j("form.product_options .option_1 p").hide();
		var test = $j(this).attr('class').replace(' change_option_1','');
		$j("."+test+" p").show();
	});
	
	$j("option.change_option_2").click(function() {
		$j("form.product_options .option_2 p").hide();
		var test = $j(this).attr('class').replace(' change_option_2','');
		$j("."+test+" p").show();
	});
		
	$j("#left_col .left_feed").addClass("show");
	$j("#left_col .left_feed_facebook").addClass("show");
	$j("#left_col .left_feed_small").addClass("show");
	$j(".twitter_x").html("<script type='text/javascript' src='http://twitter.com/javascripts/blogger.js'></script>	<script type='text/javascript' src='http://twitter.com/statuses/user_timeline/winemax.json?callback=twitterCallback2&amp;count=1'></script>");
	
	// label creator - front end
	$j("#text_1").change(function(){ 
		$j("#text_area_1").html($j('#text_1').val());
		$j("#text_1_hidden").val($j('#text_1').val())
	});
	$j("#text_2").change(function(){ 
		$j("#text_area_2").html($j('#text_2').val() );
		var text_2 = $j("#text_area_2").html().replace(/<br>/, "\n")
		$j("#text_2_hidden").val(text_2);
		$j("#text_area_2").val(text_2);
	});
	$j("#text_3").change(function(){ 
		$j("#text_area_3").html($j('#text_3').val() );
		var text_3 = $j("#text_area_3").html().replace(/<br>/, "\n")
		$j("#text_3_hidden").val(text_3);
		$j("#text_area_3").val(text_3);
	});
	
	$j("#text_1_font").change(function(){ 
		$j('#text_area_1').removeClass();
		var font_1 = $j('#text_1_font').val();
		$j('#text_area_1').addClass(font_1);
	});
	$j("#text_1_color").change(function(){ 
		var color = $j('#text_1_color').val();
		$j('#text_area_1').css("color", color);
	});
	$j("#text_1_size").change(function(){ 
		var size = $j('#text_1_size').val();
		$j('#text_area_1').css("font-size", size);
	});
	
	$j("#text_2_font").change(function(){ 
		$j('#text_area_2').removeClass();
		var font_2 = $j('#text_2_font').val();
		$j('#text_area_2').addClass(font_2);
	});
	
	$j("#text_2_color").change(function(){ 
		var color_2 = $j('#text_2_color').val();
		$j('#text_area_2').css("color", color_2);
	});
	$j("#text_2_size").change(function(){ 
		var size_2 = $j('#text_2_size').val();
		$j('#text_area_2').css("font-size", size_2);
	});
	
	$j("#text_3_font").change(function(){ 
		var font_3 = $j('#text_3_font').val();
		$j('#text_area_3').css("font-family", "'"+font_3+"'");
	});	
	$j("#text_3_color").change(function(){ 
		var color_3 = $j('#text_3_color').val();
		$j('#text_area_3').css("color", color_3);
	});
	$j("#text_3_size").change(function(){ 
		var size_3 = $j('#text_3_size').val();
		$j('#text_area_3').css("font-size", size_3);
	});
	
	//Hidden form on label page
	$j("#text_1").change(function(){ $j("#hidden_text_area_1").val($j('#text_1').val())	});
	$j("#text_1_font").change(function(){ $j("#hidden_text_1_font").val($j('#text_1_font').val()) });
	$j("#text_1_color").change(function(){ $j("#hidden_text_1_color").val($j('#text_1_color').val()) });
	$j("#text_1_size").change(function(){ $j("#hidden_text_1_size").val($j('#text_1_size').val()) });
	$j("#text_2").change(function(){ $j("#hidden_text_area_2").val($j('#text_2').val())	});
	$j("#text_2_font").change(function(){ $j("#hidden_text_2_font").val($j('#text_2_font').val()) });
	$j("#text_2_color").change(function(){ $j("#hidden_text_2_color").val($j('#text_2_color').val()) });
	$j("#text_2_size").change(function(){ $j("#hidden_text_2_size").val($j('#text_2_size').val()) });
	$j("#text_3").change(function(){ $j("#hidden_text_area_3").val($j('#text_3').val())	});
	$j("#text_3_font").change(function(){ $j("#hidden_text_3_font").val($j('#text_3_font').val()) });
	$j("#text_3_color").change(function(){ $j("#hidden_text_3_color").val($j('#text_3_color').val()) });
	$j("#text_3_size").change(function(){ $j("#hidden_text_3_size").val($j('#text_3_size').val()) });
	
	$j("input#user_image_label_submit_button").hide();
	$j("a#user_image_label_submit_button").hide();
	
	$j("a#user_image_label_submit_button").click(function(){
		$j("form#user_image_label_submit").submit();
	});
	
	var width = $j(".user_image_label img").width();
	var new_width = width * 2;
	$j(".user_image_label img").css("width", new_width);
	$j("input#user_image_label_submit").hide();
	$j(".user_image_label").show();
	$j("#preview_label").click(function(){ 
		$j(".user_image_label").toggle({opacity: "show", top: "auto"}, "fast");
	});
		
});