/* * ColorSchemeDesigner.js library * Copyright (c) 2002-2010, Petr Stanicek, pixy@pixy.cz ("the author") * All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are met: * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above copyright * notice, this list of conditions and the following disclaimer in the * documentation and/or other materials provided with the distribution. * * Any commercial use of this software is not allowed unless an exemption * was granted by the author. * * This software is provided by the author "as is" and any express or implied * warranties, including, but not limited to, the implied warranties or * merchantability and fitness for a particular purpose are disclaimed. * In no event shall the author be liable for any direct, indirect, incidental, * special, exemplary, or consequential damages (including, but not limited to, * procurement of substitute goods or services; loss of use, data, or profits; * or business interruption) however caused and on any theory of liability, * whether in contract, strict liability, or tort (including negligence or * otherwise) arising in any way out of the use of this software, even if * advised of the possibility of such damage. */ var ColorSchemeDesigner=function(){var t,u,H,K,L,q,B,I,M,E,v,F,s,h,N;function S(a){this.ID=a;this.Listeners={};this.addListener=function(a){this.Listeners[a.ID]=a};this.removeListener=function(a){delete this.Listeners[a.ID]};this.trigger=function(a,d,c){var e;this.SysEvent=a;this.Data=d;if(c)this.Listeners[c].handleEvent(this);else for(e in this.Listeners)this.Listeners[e].handleEvent(this)}}function f(a){this.ID=a.ID;this.Content=a.Content;this.Hooks=a.Hooks;this.Listeners=a.Listeners;this.Parent= a.Parent;this.UserData=a.UserData;this.init=function(a){if(a)this.Parent=a;this.Parent&&$(this.Parent).append(this.Content);this.Hooks&&this.initEvents();this.Listeners&&this.addListeners()};this.initEvents=function(){var a,d,c;for(a=0,d=this.Hooks.length;a

'+a+"

"+('

')+'

', button:"",fade:!1,boxConfig:{position:$.browser.msie?"absolute":"fixed",zIndex:999,width:"360px",marginLeft:"-180px",height:"auto",top:"33%",left:"50%",backgroundColor:"transparent",display:"none"}}),$("#csd3-prompt-ok").click(function(){d($("#csd3-prompt-input").val())}),$("#csd3-prompt-input").keypress(function(a){13==a.keyCode&&$("#csd3-prompt-ok").click()}).focus()):(a=prompt(a,b),null!==a&&d(a))}function n(){var a,b;a=(new Date).valueOf();b=a-M;bj;j++)D=c.Primary.Col[j],f=c.Compl?c.Compl.Col[j]:c.Primary.Col[2],A=c.Sec1?c.Sec1.Col[j]:c.Primary.Col[3],i=c.Sec2?c.Sec2.Col[j]:c.Primary.Col[4],a=D.RGB,g=f.RGB,b=A.RGB,d=i.RGB,v?(a="#"+c.ColorBlind.getHex(a.R,a.G,a.B,v),g="#"+c.ColorBlind.getHex(g.R,g.G,g.B,v),b="#"+c.ColorBlind.getHex(b.R,b.G,b.B,v),d="#"+c.ColorBlind.getHex(d.R,d.G,d.B,v)):(a=a.getCSS(), g=g.getCSS(),b=b.getCSS(),d=d.getCSS()),q.find(".col-pri-"+j).css("color",a),q.find(".col-compl-"+j).css("color",g),q.find(".col-sec1-"+j).css("color",b),q.find(".col-sec2-"+j).css("color",d),q.find(".bg-pri-"+j).css("background-color",a).each(function(){this.paletteInfo={col:D,out:a}}),q.find(".bg-compl-"+j).css("background-color",g).each(function(){this.paletteInfo={col:f,out:g}}),q.find(".bg-sec1-"+j).css("background-color",b).each(function(){this.paletteInfo={col:A,out:b}}),q.find(".bg-sec2-"+ j).css("background-color",d).each(function(){this.paletteInfo={col:i,out:d}}),q.find(".brd-pri-"+j).css("border-color",a),q.find(".brd-compl-"+j).css("border-color",g),q.find(".brd-sec1-"+j).css("border-color",b),q.find(".brd-sec2-"+j).css("border-color",d);j=F=c.serialize();64Dark page'): (a="sample/index.html",b='Light page | Dark page');b='
'+b;c.Sec1&&(b+=" \u2022 Click inside the page to swap secondary colors");new $.floatbox({content:b+'
',button:'',fade:!1,boxConfig:{position:$.browser.msie?"absolute":"fixed",zIndex:999,width:"840px",marginLeft:"-420px",height:"auto",top:"50%",left:"50%",backgroundColor:"transparent", display:"none"}});$("iframe.sample").attr("src",a);$("#link-sample1").click(function(){ColorSchemeDesigner.broadcast("tabPreview1Click")});$("#link-sample2").click(function(){ColorSchemeDesigner.broadcast("tabPreview2Click")})}N=100;F="";M=0;E=0;s=[0,0];v=0;h={Scheme:1,H:1,Dist:1,dS:1,dV:1,cS:1,cL:1};q=void 0;B=void 0;I=void 0;var m,e,w,r,c;m={ModelSelect:new f({ID:"ModelSelect",Content:'
monocomplementtriadtetradanalogicaccented analogic
', Hooks:[["#csd3-m1","click","setModel",1],["#csd3-m2","click","setModel",2],["#csd3-m3","click","setModel",3],["#csd3-m4","click","setModel",4],["#csd3-m5","click","setModel",5],["#csd3-m6","click","setModel",6]],Listeners:{chgModel:{handler:function(){var a=c.Scheme;$("#csd3-model a.sel").removeClass("sel");$("#csd3-"+a).addClass("sel").blur();B.removeClass().addClass("scheme-"+a)}}}}),ColorWheel:new f({ID:"ColorWheel",UserData:{dotSize:7,wheelMid:{X:190,Y:190}},Content:'
', Hooks:[["#csd3-wheel","mousedown","dragHue"],["#csd3-dot1","mousedown","dotClick",1],["#csd3-dot2","mousedown","dotClick",2],["#csd3-dot3","mousedown","dotClick",3],["#csd3-dot4","mousedown","dotClick",4],["#csd3-dot1","dblclick","enterHue","pri"],["#csd3-dot2","dblclick","enterHue","compl"],["#csd3-dot3, #csd3-dot4","dblclick","enterDist"]],Listeners:{dragHue:{handler:function(a){w.start(a,$("#csd3-wheel"),function(b,d){var g,D,A;g=Math.round((180*Math.atan2(-b,d)/Math.PI+180)%360);D=Math.sqrt(b* b+d*d);if(0D){A=1;if(w.Data.dot)A=w.Data.dot;1==A||2==A?(125D?15*Math.floor((g-7.5)/15+1)%360:30*Math.floor((g-15)/30+1)%360),2==A&&(g=(g+180)%360),e.setHue.trigger(a,g)):("m4"==c.Scheme&&4==A&&(g=(g+180)%360),e.setDist.trigger(a,g))}},null)}},chgModel:{handler:function(){$("#csd3-dot2").css("display",Boolean(c.Compl)?"block":"none");$("#csd3-dot3,#csd3-dot4").css("display",Boolean(c.Sec1)?"block":"none");$("#csd3-dist-val").css("display",Boolean(c.Sec1)?"block":"none")}},chgHue:{handler:function(){function a(a, c){if(c){var e;e=2*((c.Col[0].HSV.H-90)/360)*Math.PI;x=Math.round(b.wheelMid.X+109*Math.cos(e))-b.dotSize;y=Math.round(b.wheelMid.Y+109*Math.sin(e))-b.dotSize;$("#csd3-dot"+a).css("left",x+"px").css("top",y+"px")}}var b=m.ColorWheel.UserData;a(1,c.Primary);a(2,c.Compl);a(3,c.Sec1);a(4,c.Sec2)}},chgDist:{handler:function(a){e.chgHue.trigger(a,null,"ColorWheel")}}}}),HueVal:new f({ID:"HueVal",Content:'
Hue: 0\u00b0
',Hooks:[["#csd3-hue-val","click", "enterHue"]],Listeners:{chgHue:{handler:function(){$("#csd3-hue-val span").text(c.Primary.Col[0].HSV.H+"\u00b0")}}}}),HueCompl:new f({ID:"HueCompl",Content:'
opposite
',Hooks:[["#csd3-hue-compl","click","complHue"]],Listeners:null}),DistVal:new f({ID:"DistVal",Content:'
Angle: 0\u00b0
',Hooks:[["#csd3-dist-val","click","enterDist"]],Listeners:{chgDist:{handler:function(){$("#csd3-dist-val span").text(c.Dist+ "\u00b0")}}}}),RGBVal:new f({ID:"RGBVal",Content:'
RGB: FF0000
',Hooks:[["#csd3-rgb-val","click","enterRGB"]],Listeners:{chgHue:{handler:function(){$("#csd3-rgb-val span").text(c.Primary.Col[0].RGB.getHex())}}}}),RGBParts:new f({ID:"RGBParts",Content:'
R:100 %
G:0 %
B:0 %
',Hooks:null,Listeners:{chgHue:{handler:function(){var a= c.Primary.Col[0].RGB;$("#csd3-rgb-r").text(Math.round(100*(a.R/255))+" %");$("#csd3-rgb-g").text(Math.round(100*(a.G/255))+" %");$("#csd3-rgb-b").text(Math.round(100*(a.B/255))+" %")}}}}),VarPresets:new f({ID:"VarPresets",Content:'
Preset:
',Hooks:[["#csd3-presets select","change","presetSelect"]],Listeners:{init:{handler:function(){var a,b,d='';for(a in c.Presets)b=c.Presets[a],d+='