// JavaScript Document


  $(document).ready(function() {
    $('#demo').hide();
    var f = $.farbtastic('#picker');
    var p = $('#picker').css('opacity', 0.25);
    var selected;
    $('.colorwell')
      .each(function () { f.linkTo(this); $(this).css('opacity', 1); })
      .focus(function() {
        if (selected) {
          $(selected).css('opacity', 1).removeClass('colorwell-selected');
        }
        f.linkTo(this);
        p.css('opacity', 1);
        $(selected = this).css('opacity', 1).addClass('colorwell-selected');
      });
	  
	$(".setColor").hover(function(){
		$(this).css("cursor","pointer"); 
	},function(){
		$(this).css("cursor","default"); 
		});

	$("#setBrue .setColorItem").css('background','#029EBC');
	$("#setBrue .setColorItem").css('color','#029EBC');
	
	$("#setBrue .setColorItem").hover(function(){
		$("#setBrue .setColor01").css('background','#EBF7FA');
		$("#setBrue .setColor02").css('background','#80CEDD');
		$("#setBrue .setColor03").css('background','#029EBC');
		$("#setBrue .setColor04").css('background','#017589');
		$("#setBrue .setColorItem").css('color','#ffffff');
	},function(){
		$("#setBrue .setColorItem").css('background','#029EBC');
		$("#setBrue .setColorItem").css('color','#029EBC');
	});

    $("#setBrue .setColorItem").click(function(){
		$('#color01').val('#EBF7FA');
		$('#color02').val('#80CEDD');
		$('#color03').val('#029EBC');
		$('#color04').val('#017589');
		$('#colorName').val('Blue');

		var f = $.farbtastic('#picker');
		var selected;
		$('.colorwell').each(function () { f.linkTo(this); $(this).css('opacity', 1); });

	});

	//グリーン
	$("#setGreen .setColorItem").css('background','#7EBA03');
	$("#setGreen .setColorItem").css('color','#7EBA03');
	
	$("#setGreen .setColorItem").hover(function(){
		$("#setGreen .setColor01").css('background','#F3F9E8');
		$("#setGreen .setColor02").css('background','#BEDC81');
		$("#setGreen .setColor03").css('background','#7EBA03');
		$("#setGreen .setColor04").css('background','#5B8602');
		$("#setGreen .setColorItem").css('color','#ffffff');
	},function(){
		$("#setGreen .setColorItem").css('background','#7EBA03');
		$("#setGreen .setColorItem").css('color','#7EBA03');
	});
	
    $("#setGreen .setColorItem").click(function(){
		$('#color01').val('#F3F9E8');
		$('#color02').val('#BEDC81');
		$('#color03').val('#7EBA03');
		$('#color04').val('#5B8602');
		$('#colorName').val('Green');

		var f = $.farbtastic('#picker');
		var selected;
		$('.colorwell').each(function () { f.linkTo(this); $(this).css('opacity', 1); });

	});

	//ミント
	$("#setMint .setColorItem").css('background','#CBDA10');
	$("#setMint .setColorItem").css('color','#CBDA10');
	
	$("#setMint .setColorItem").hover(function(){
		$("#setMint .setColor01").css('background','#666600');
		$("#setMint .setColor02").css('background','#E5EC87');
		$("#setMint .setColor03").css('background','#CBDA10');
		$("#setMint .setColor04").css('background','#8A950B');
		$("#setMint .setColorItem").css('color','#ffffff');
	},function(){
		$("#setMint .setColorItem").css('background','#CBDA10');
		$("#setMint .setColorItem").css('color','#CBDA10');
	});
	
    $("#setMint .setColorItem").click(function(){
		$('#color01').val('#666600');
		$('#color02').val('#E5EC87');
		$('#color03').val('#CBDA10');
		$('#color04').val('#8A950B');
		$('#colorName').val('Mint');

		var f = $.farbtastic('#picker');
		var selected;
		$('.colorwell').each(function () { f.linkTo(this); $(this).css('opacity', 1); });

	});
	

	//黄色
	$("#setYellow .setColorItem").css('background','#F4C504');
	$("#setYellow .setColorItem").css('color','#F4C504');
	
	$("#setYellow .setColorItem").hover(function(){
		$("#setYellow .setColor01").css('background','#644602');
		$("#setYellow .setColor02").css('background','#F9E281');
		$("#setYellow .setColor03").css('background','#F4C504');
		$("#setYellow .setColor04").css('background','#A78603');
		$("#setYellow .setColorItem").css('color','#ffffff');
	},function(){
		$("#setYellow .setColorItem").css('background','#F4C504');
		$("#setYellow .setColorItem").css('color','#F4C504');
	});
	
    $("#setYellow .setColorItem").click(function(){
		$('#color01').val('#644602');
		$('#color02').val('#F9E281');
		$('#color03').val('#F4C504');
		$('#color04').val('#A78603');
		$('#colorName').val('Yellow');

		var f = $.farbtastic('#picker');
		var selected;
		$('.colorwell').each(function () { f.linkTo(this); $(this).css('opacity', 1); });

	});

	//赤
	$("#setRed .setColorItem").css('background','#C6485B');
	$("#setRed .setColorItem").css('color','#C6485B');
	
	$("#setRed .setColorItem").hover(function(){
		$("#setRed .setColor01").css('background','#FFE6E7');
		$("#setRed .setColor02").css('background','#E2A3AD');
		$("#setRed .setColor03").css('background','#C6485B');
		$("#setRed .setColor04").css('background','#A73445');
		$("#setRed .setColorItem").css('color','#ffffff');
	},function(){
		$("#setRed .setColorItem").css('background','#C6485B');
		$("#setRed .setColorItem").css('color','#C6485B');
	});
	
    $("#setRed .setColorItem").click(function(){
		$('#color01').val('#FFE6E7');
		$('#color02').val('#E2A3AD');
		$('#color03').val('#C6485B');
		$('#color04').val('#A73445');
		$('#colorName').val('Red');

		var f = $.farbtastic('#picker');
		var selected;
		$('.colorwell').each(function () { f.linkTo(this); $(this).css('opacity', 1); });

	});


	//ピンク
	$("#setPink .setColorItem").css('background','#E184A5');
	$("#setPink .setColorItem").css('color','#E184A5');
	
	$("#setPink .setColorItem").hover(function(){
		$("#setPink .setColor01").css('background','#FEEFEF');
		$("#setPink .setColor02").css('background','#F0ACC0');
		$("#setPink .setColor03").css('background','#E184A5');
		$("#setPink .setColor04").css('background','#D75B87');
		$("#setPink .setColorItem").css('color','#ffffff');
	},function(){
		$("#setPink .setColorItem").css('background','#E184A5');
		$("#setPink .setColorItem").css('color','#E184A5');
	});
	
    $("#setPink .setColorItem").click(function(){
		$('#color01').val('#FEEFEF');
		$('#color02').val('#F0ACC0');
		$('#color03').val('#E184A5');
		$('#color04').val('#D75B87');
		$('#colorName').val('Pink');

		var f = $.farbtastic('#picker');
		var selected;
		$('.colorwell').each(function () { f.linkTo(this); $(this).css('opacity', 1); });

	});


	//オレンジ
	$("#setOrange .setColorItem").css('background','#f79708');
	$("#setOrange .setColorItem").css('color','#f79708');
	
	$("#setOrange .setColorItem").hover(function(){
		$("#setOrange .setColor01").css('background','#F9F3EC');
		$("#setOrange .setColor02").css('background','#febe25');
		$("#setOrange .setColor03").css('background','#f79708');
		$("#setOrange .setColor04").css('background','#d25c14');
		$("#setOrange .setColorItem").css('color','#ffffff');
	},function(){
		$("#setOrange .setColorItem").css('background','#f79708');
		$("#setOrange .setColorItem").css('color','#f79708');
	});
	
    $("#setOrange .setColorItem").click(function(){
		$('#color01').val('#F9F3EC');
		$('#color02').val('#febe25');
		$('#color03').val('#f79708');
		$('#color04').val('#d25c14');
		$('#colorName').val('Orange');

		var f = $.farbtastic('#picker');
		var selected;
		$('.colorwell').each(function () { f.linkTo(this); $(this).css('opacity', 1); });

	});

	//パープル
	$("#setPurple .setColorItem").css('background','#8c177e');
	$("#setPurple .setColorItem").css('color','#8c177e');
	
	$("#setPurple .setColorItem").hover(function(){
		$("#setPurple .setColor01").css('background','#f7ebf9');
		$("#setPurple .setColor02").css('background','#d9c1e2');
		$("#setPurple .setColor03").css('background','#8c177e');
		$("#setPurple .setColor04").css('background','#5a1644');
		$("#setPurple .setColorItem").css('color','#ffffff');
	},function(){
		$("#setPurple .setColorItem").css('background','#8c177e');
		$("#setPurple .setColorItem").css('color','#8c177e');
	});
	
    $("#setPurple .setColorItem").click(function(){
		$('#color01').val('#f7ebf9');
		$('#color02').val('#d9c1e2');
		$('#color03').val('#8c177e');
		$('#color04').val('#5a1644');
		$('#colorName').val('Purple');

		var f = $.farbtastic('#picker');
		var selected;
		$('.colorwell').each(function () { f.linkTo(this); $(this).css('opacity', 1); });

	});
	
	//グレー
	$("#setGray .setColorItem").css('background','#6D6D6D');
	$("#setGray .setColorItem").css('color','#6D6D6D');
	
	$("#setGray .setColorItem").hover(function(){
		$("#setGray .setColor01").css('background','#EFEFEF');
		$("#setGray .setColor02").css('background','#CCCCCC');
		$("#setGray .setColor03").css('background','#6D6D6D');
		$("#setGray .setColor04").css('background','#494949');
		$("#setGray .setColorItem").css('color','#ffffff');
	},function(){
		$("#setGray .setColorItem").css('background','#6D6D6D');
		$("#setGray .setColorItem").css('color','#6D6D6D');
	});
	
    $("#setGray .setColorItem").click(function(){
		$('#color01').val('#EFEFEF');
		$('#color02').val('#CCCCCC');
		$('#color03').val('#6D6D6D');
		$('#color04').val('#494949');
		$('#colorName').val('Gray');

		var f = $.farbtastic('#picker');
		var selected;
		$('.colorwell').each(function () { f.linkTo(this); $(this).css('opacity', 1); });

	});

	//ブラウン
	$("#setBrown .setColorItem").css('background','#5c3739');
	$("#setBrown .setColorItem").css('color','#5c3739');
	
	$("#setBrown .setColorItem").hover(function(){
		$("#setBrown .setColor01").css('background','#d6c7c7');
		$("#setBrown .setColor02").css('background','#8d6d6d');
		$("#setBrown .setColor03").css('background','#5c3739');
		$("#setBrown .setColor04").css('background','#3A2929');
		$("#setBrown .setColorItem").css('color','#ffffff');
	},function(){
		$("#setBrown .setColorItem").css('background','#5c3739');
		$("#setBrown .setColorItem").css('color','#5c3739');
	});
	
    $("#setBrown .setColorItem").click(function(){
		$('#color01').val('#d6c7c7');
		$('#color02').val('#8d6d6d');
		$('#color03').val('#5c3739');
		$('#color04').val('#3A2929');
		$('#colorName').val('Brown');

		var f = $.farbtastic('#picker');
		var selected;
		$('.colorwell').each(function () { f.linkTo(this); $(this).css('opacity', 1); });

	});


	//すいか	
	$("#setWmelon .setColor01").css('background','#eef1df');
	$("#setWmelon .setColor02").css('background','#c8415c');
	$("#setWmelon .setColor03").css('background','#7EBA03');
	$("#setWmelon .setColor04").css('background','#1f1614');
	
    $("#setWmelon .setColorItem").click(function(){
		$('#color01').val('#eef1df');
		$('#color02').val('#c8415c');
		$('#color03').val('#7EBA03');
		$('#color04').val('#1f1614');
		$('#colorName').val('Wmelon');

		var f = $.farbtastic('#picker');
		var selected;
		$('.colorwell').each(function () { f.linkTo(this); $(this).css('opacity', 1); });

	});

	//クリスマス	
	$("#setXmas .setColor01").css('background','#f1f2ed');
	$("#setXmas .setColor02").css('background','#b91d3a');
	$("#setXmas .setColor03").css('background','#67a319');
	$("#setXmas .setColor04").css('background','#f6f3f3');
	
    $("#setXmas .setColorItem").click(function(){
		$('#color01').val('#f1f2ed');
		$('#color02').val('#b91d3a');
		$('#color03').val('#67a319');
		$('#color04').val('#f6f3f3');
		$('#colorName').val('Xmas');

		var f = $.farbtastic('#picker');
		var selected;
		$('.colorwell').each(function () { f.linkTo(this); $(this).css('opacity', 1); });

	});
	
	//七夕	
	$("#setTanabata .setColor01").css('background','#EBF7FA');
	$("#setTanabata .setColor02").css('background','#fbd92d');
	$("#setTanabata .setColor03").css('background','#15aecb');
	$("#setTanabata .setColor04").css('background','#4f4d45');
	
    $("#setTanabata .setColorItem").click(function(){
		$('#color01').val('#EBF7FA');
		$('#color02').val('#fbd92d');
		$('#color03').val('#15aecb');
		$('#color04').val('#4f4d45');
		$('#colorName').val('Tanabata');

		var f = $.farbtastic('#picker');
		var selected;
		$('.colorwell').each(function () { f.linkTo(this); $(this).css('opacity', 1); });

	});

	//はちみつ
	$("#setHoney .setColor01").css('background','#f8f7f2');
	$("#setHoney .setColor02").css('background','#fbd92d');
	$("#setHoney .setColor03").css('background','#d87b13');
	$("#setHoney .setColor04").css('background','#653d29');
	
    $("#setHoney .setColorItem").click(function(){
		$('#color01').val('#f8f7f2');
		$('#color02').val('#fbd92d');
		$('#color03').val('#d87b13');
		$('#color04').val('#653d29');
		$('#colorName').val('Tanabata');

		var f = $.farbtastic('#picker');
		var selected;
		$('.colorwell').each(function () { f.linkTo(this); $(this).css('opacity', 1); });

	});

	//チョコレート
	$("#setMocha .setColor01").css('background','#eee7e7');
	$("#setMocha .setColor02").css('background','#813737');
	$("#setMocha .setColor03").css('background','#501b1e');
	$("#setMocha .setColor04").css('background','#310d0d');
	
    $("#setMocha .setColorItem").click(function(){
		$('#color01').val('#eee7e7');
		$('#color02').val('#813737');
		$('#color03').val('#501b1e');
		$('#color04').val('#310d0d');
		$('#colorName').val('Mocha');

		var f = $.farbtastic('#picker');
		var selected;
		$('.colorwell').each(function () { f.linkTo(this); $(this).css('opacity', 1); });

	});

	//ロック
	$("#setRock .setColor01").css('background','#ffffff');
	$("#setRock .setColor02").css('background','#811d2c');
	$("#setRock .setColor03").css('background','#000000');
	$("#setRock .setColor04").css('background','#ffffff');
	
    $("#setRock .setColorItem").click(function(){
		$('#color01').val('#811d2c');
		$('#color02').val('#813737');
		$('#color03').val('#000000');
		$('#color04').val('#ffffff');
		$('#colorName').val('Rock');

		var f = $.farbtastic('#picker');
		var selected;
		$('.colorwell').each(function () { f.linkTo(this); $(this).css('opacity', 1); });

	});

});