:: testing-skinColor
<h3>Skin Colour Testing Area</h3>

<div id="skinColorDiv"><<testing-skinColorWidget>></div>

Skin Range:
<<numberslider "$skinColor.range" $skinColor.range 0 100 1>>
<<link "test">>
	<<set $skinColor.current.test to skinColor($options.tanImgEnabled, $skinColor.range,$skinColor.overwrite)>>
	<<replace #skinColorDiv>><<testing-skinColorWidget>><</replace>>
<</link>> |
<<link "All">>
	<<set $skinColor.current.body to skinColor($options.tanImgEnabled, $skinColor.range,$skinColor.overwrite)>>
	<<set $skinColor.current.mouth to skinColor($options.tanImgEnabled, $skinColor.range,$skinColor.overwrite)>>
	<<set $skinColor.current.breasts to skinColor($options.tanImgEnabled, $skinColor.range,$skinColor.overwrite)>>
	<<set $skinColor.current.penis to skinColor($options.tanImgEnabled, $skinColor.range,$skinColor.overwrite)>>
	<<set $skinColor.current.swimshorts to skinColor($options.tanImgEnabled, $skinColor.range,$skinColor.overwrite)>>
	<<set $skinColor.current.swimsuitTop to skinColor($options.tanImgEnabled, $skinColor.range,$skinColor.overwrite)>>
	<<set $skinColor.current.swimsuitBottom to skinColor($options.tanImgEnabled, $skinColor.range,$skinColor.overwrite)>>
	<<set $skinColor.current.bikiniTop to skinColor($options.tanImgEnabled, $skinColor.range,$skinColor.overwrite)>>
	<<set $skinColor.current.bikiniBottom to skinColor($options.tanImgEnabled, $skinColor.range,$skinColor.overwrite)>>
	<<set $skinColor.current.tshirt to skinColor($options.tanImgEnabled, $skinColor.range,$skinColor.overwrite)>>
	<<replace #imageHolder>><<img>><</replace>>
<</link>> |
<<link "body">>
	<<set $skinColor.current.body to skinColor($options.tanImgEnabled, $skinColor.range,$skinColor.overwrite)>>
	<<set $skinColor.current.mouth to skinColor($options.tanImgEnabled, $skinColor.range,$skinColor.overwrite)>>
	<<replace #imageHolder>><<img>><</replace>>
<</link>> |
<<link "breasts">>
	<<set $skinColor.current.breasts to skinColor($options.tanImgEnabled, $skinColor.range,$skinColor.overwrite)>>
	<<replace #imageHolder>><<img>><</replace>>
<</link>> |
<<link "penis">>
	<<set $skinColor.current.penis to skinColor($options.tanImgEnabled, $skinColor.range,$skinColor.overwrite)>>
	<<replace #imageHolder>><<img>><</replace>>
<</link>> |
<<link "swimshorts">>
	<<set $skinColor.current.swimshorts to skinColor($options.tanImgEnabled, $skinColor.range,$skinColor.overwrite)>>
	<<replace #imageHolder>><<img>><</replace>>
<</link>> |
<<link "swimsuitTop">>
	<<set $skinColor.current.swimsuitTop to skinColor($options.tanImgEnabled, $skinColor.range,$skinColor.overwrite)>>
	<<replace #imageHolder>><<img>><</replace>>
<</link>> |
<<link "swimsuitBottom">>
	<<set $skinColor.current.swimsuitBottom to skinColor($options.tanImgEnabled, $skinColor.range,$skinColor.overwrite)>>
	<<replace #imageHolder>><<img>><</replace>>
<</link>> |
<<link "bikiniTop">>
	<<set $skinColor.current.bikiniTop to skinColor($options.tanImgEnabled, $skinColor.range,$skinColor.overwrite)>>
	<<replace #imageHolder>><<img>><</replace>>
<</link>> |
<<link "bikiniBottom">>
	<<set $skinColor.current.bikiniBottom to skinColor($options.tanImgEnabled, $skinColor.range,$skinColor.overwrite)>>
	<<replace #imageHolder>><<img>><</replace>>
<</link>> |
<<link "tshirt">>
	<<set $skinColor.current.tshirt to skinColor($options.tanImgEnabled, $skinColor.range,$skinColor.overwrite)>>
	<<replace #imageHolder>><<img>><</replace>>
<</link>>
<br><br>
Skin Range Overwrite:
<br>
<label><<print '<<checkbox "$skinColor.overwriteEnable" false true ' + ($skinColor.overwriteEnable is true ? "checked" : "") + '>>'>> Enable Overwrite</label>
<br>
<label>Hue-rotate Start <<numberslider "$skinColor.overwriteValues.hStart" $skinColor.overwriteValues.hStart 0 360 1>></label>
<br>
<label>Hue-rotate End <<numberslider "$skinColor.overwriteValues.hEnd" $skinColor.overwriteValues.hEnd 0 360 1>></label>
<br>

<label>Saturation Start <<numberslider "$skinColor.overwriteValues.sStart" $skinColor.overwriteValues.sStart 0 5 0.1>></label>
<br>
<label>Saturation End <<numberslider "$skinColor.overwriteValues.sEnd" $skinColor.overwriteValues.sEnd 0 5 0.1>></label>
<br>

<label>Brightness Start <<numberslider "$skinColor.overwriteValues.bStart" $skinColor.overwriteValues.bStart 0 5 0.1>></label>
<br>
<label>Brightness End <<numberslider "$skinColor.overwriteValues.bEnd" $skinColor.overwriteValues.bEnd 0 5 0.1>></label>

<br><br>
<<link "Update Overwrite">>
	<<setSkinColorBase>>
<</link>> |
<<link "Reset Overwrite" $passage>>
	<<set $skinColor.overwriteValues to {
		"hStart": 45, "hEnd": 45,
		"sStart": 0.2, "sEnd": 0.4,
		"bStart": 4.5, "bEnd": 0.7
	}>>
<</link>>
<br><br>
Manual Skin Filter:
<br>
<<textarea "$filterSet1" $filterSet1>>
<br>
<<link "test">>
	<<set $skinColor.current.test to $filterSet1>>
	<<replace #skinColorDiv>><<testing-skinColorWidget>><</replace>>
<</link>> |
<<link "All">>
	<<set $skinColor.current.body to $filterSet1>>
	<<set $skinColor.current.mouth to $filterSet1>>
	<<set $skinColor.current.breasts to $filterSet1>>
	<<set $skinColor.current.penis to $filterSet1>>
	<<set $skinColor.current.swimshorts to $filterSet1>>
	<<set $skinColor.current.swimsuitTop to $filterSet1>>
	<<set $skinColor.current.swimsuitBottom to $filterSet1>>
	<<set $skinColor.current.bikiniTop to $filterSet1>>
	<<set $skinColor.current.bikiniBottom to $filterSet1>>
	<<replace #imageHolder>><<img>><</replace>>
<</link>> |
<<link "body">>
	<<set $skinColor.current.body to $filterSet1>>
	<<set $skinColor.current.mouth to $filterSet1>>
	<<replace #imageHolder>><<img>><</replace>>
<</link>> |
<<link "breasts">>
	<<set $skinColor.current.breasts to $filterSet1>>
	<<replace #imageHolder>><<img>><</replace>>
<</link>> |
<<link "penis">>
	<<set $skinColor.current.penis to $filterSet1>>
	<<replace #imageHolder>><<img>><</replace>>
<</link>> |
<<link "swimshorts">>
	<<set $skinColor.current.swimshorts to $filterSet1>>
	<<replace #imageHolder>><<img>><</replace>>
<</link>> |
<<link "swimsuitTop">>
	<<set $skinColor.current.swimsuitTop to $filterSet1>>
	<<replace #imageHolder>><<img>><</replace>>
<</link>> |
<<link "swimsuitBottom">>
	<<set $skinColor.current.swimsuitBottom to $filterSet1>>
	<<replace #imageHolder>><<img>><</replace>>
<</link>> |
<<link "bikiniTop">>
	<<set $skinColor.current.bikiniTop to $filterSet1>>
	<<replace #imageHolder>><<img>><</replace>>
<</link>> |
<<link "bikiniBottom">>
	<<set $skinColor.current.bikiniBottom to $filterSet1>>
	<<replace #imageHolder>><<img>><</replace>>
<</link>>

<br><br>
Suggested Filters:<br>
hue-rotate(45deg) saturate(0.2) brightness(4.5)<br>
hue-rotate(45deg) saturate(0.3) brightness(1.5)<br>
hue-rotate(45deg) saturate(0.4) brightness(0.5)

<br><br>
<<link "Don't Hide">><<set $dontHide to true>>
	<<replace #imageHolder>><<img>><</replace>><</link>> |
<<link "Hide">><<set $dontHide to false>>
	<<replace #imageHolder>><<img>><</replace>><</link>>
<br><br>
<<link [[Refresh|$passage]]>><</link>>
<br><br>
<<link [[Reset|$passage]]>><<set $objectVersion.skinColor to 0>><</link>>

<br><br>
<<link [[Bedroom|Bedroom]]>><</link>>

:: Widgets testing-skinColorWidget [widget]
<<widget "testing-skinColorWidget">>
	<<if $filterSet1 is undefined>>
		<<set $filterSet1 to "hue-rotate(45deg) saturate(0.2) brightness(4.5)">>
	<</if>>
	<<if $objectVersion.skinColor is 0>>
		<<skinColorInit>>
		<<set $objectVersion.skinColor to 1>>
	<</if>>

	<<print '<img class="" src="img/bodyRed/baseReColorTest.png" style="filter:'+$skinColor.current.test+'">'>>
<</widget>>
