$(document).ready(function(){$(".browserSupport img[title]").tooltip({tip:".tooltip",effect:"slide"});$(".whatsGoingOn input[title]").tooltip({tip:".tooltipInputs",effect:"slide"});$("#chooseProperty").change(function(){a()});function a(){if($("#chooseProperty").val()=="choose-something"){$(".whatsGoingOn").fadeOut("normal")}else{if($("#chooseProperty").val()=="border-radius"){$(".whatsGoingOn").fadeOut("fast");$(".whatBorderRadius").fadeIn(1000)}else{if($("#chooseProperty").val()=="box-shadow"){idTextToCopy="yourCodeBoxShadow";$(".whatsGoingOn").fadeOut("fast");$(".whatBoxShadow").fadeIn(1000)}else{if($("#chooseProperty").val()=="text-shadow"){$(".whatsGoingOn").fadeOut("fast");$(".whatTextShadow").fadeIn(1000)}else{if($("#chooseProperty").val()=="rgba"){$(".whatsGoingOn").fadeOut("fast");$(".whatRGBA").fadeIn(1000)}else{if($("#chooseProperty").val()=="font-face"){$(".whatsGoingOn").fadeOut("fast");$(".whatFontFace").fadeIn(1000)}else{if($("#chooseProperty").val()=="multiple-columns"){$(".whatsGoingOn").fadeOut("fast");$(".whatMultipleColumns").fadeIn(1000)}else{if($("#chooseProperty").val()=="box-resize"){$(".whatsGoingOn").fadeOut("fast");$(".whatBoxResize").fadeIn(1000)}else{if($("#chooseProperty").val()=="box-sizing"){$(".whatsGoingOn").fadeOut("fast");$(".whatBoxSizing").fadeIn(1000)}else{if($("#chooseProperty").val()=="outline"){$(".whatsGoingOn").fadeOut("fast");$(".whatOutline").fadeIn(1000)}else{if($("#chooseProperty").val()=="transition"){$(".whatsGoingOn").fadeOut("fast");$(".whatTransition").fadeIn(1000)}else{if($("#chooseProperty").val()=="transform"){$(".whatsGoingOn").fadeOut("fast");$(".whatTransform").fadeIn(1000)}else{if($("#chooseProperty").val()=="selectors"){$(".whatsGoingOn").fadeOut("fast");$(".whatSelectors").fadeIn(1000)}else{if($("#chooseProperty").val()=="gradients"){$(".whatsGoingOn").fadeOut("fast");$(".whatGradients").fadeIn(1000)}}}}}}}}}}}}}}}$(".bordersEqualYes").click(function(){$(".whatBorderRadius").fadeOut("fast");$(".bordersEqualNoInput").fadeOut("fast");$(".bordersEqualYesInput").fadeIn(1000)});$(".borderRadiusInputEqual").keyup(function(){$(".code-border-radius-equal").text(function(c){var d=$(".borderRadiusInputEqual").val();return(d+"px")});var b=$(".borderRadiusInputEqual").val()+"px";$(".previewWindow").css({"-webkit-border-radius":b,"-moz-border-radius":b,"border-radius":b})});$(".bordersEqualNo").click(function(){$(".whatBorderRadius").fadeOut("fast");$(".bordersEqualYesInput").fadeOut("fast");$(".bordersEqualNoInput").fadeIn(1000)});$(".borderRadiusInputNotEqualTL").keyup(function(){$(".code-border-radius-not-equal-tl").text(function(c){return $(".borderRadiusInputNotEqualTL").val()});var b=$(".borderRadiusInputNotEqualTL").val()+"px";$(".previewWindow").css({"-webkit-border-top-left-radius":b,"-moz-border-radius-topleft":b,"border-top-left-radius":b})});$(".borderRadiusInputNotEqualTR").keyup(function(){$(".code-border-radius-not-equal-tr").text(function(c){return $(".borderRadiusInputNotEqualTR").val()});var b=$(".borderRadiusInputNotEqualTR").val()+"px";$(".previewWindow").css({"-webkit-border-top-right-radius":b,"-moz-border-radius-topright":b,"border-top-right-radius":b})});$(".borderRadiusInputNotEqualBR").keyup(function(){$(".code-border-radius-not-equal-br").text(function(c){return $(".borderRadiusInputNotEqualBR").val()});var b=$(".borderRadiusInputNotEqualBR").val()+"px";$(".previewWindow").css({"-webkit-border-bottom-right-radius":b,"-moz-border-radius-bottomright":b,"border-bottom-right-radius":b})});$(".borderRadiusInputNotEqualBL").keyup(function(){$(".code-border-radius-not-equal-bl").text(function(c){return $(".borderRadiusInputNotEqualBL").val()});var b=$(".borderRadiusInputNotEqualBL").val()+"px";$(".previewWindow").css({"-webkit-border-bottom-left-radius":b,"-moz-border-radius-bottomleft":b,"border-bottom-left-radius":b})});$("#boxShadowInset").change(function(){if($("#boxShadowInset").val()==""){$(".box-shadow-inset").text(function(l){return $("#boxShadowInset").val()});var g=$("#boxShadowInset").val()+" ";var d=$(".boxShadowHorizontal").val()+"px ";var h=$(".boxShadowVertical").val()+"px ";var k=$(".boxShadowBlur").val()+"px ";var b=$(".boxShadowSpread").val()+"px ";var c="rgba("+$(".rgbaRBoxShadow").val();var f=","+$(".rgbaGBoxShadow").val();var i=","+$(".rgbaBBoxShadow").val();var j=","+$(".rgbaOpacityBoxShadow").val()+")";var e=g+d+h+k+b+c+f+i+j;$(".previewWindow").css({"-webkit-box-shadow":e,"-moz-box-shadow":e,"box-shadow":e})}else{if($("#boxShadowInset").val()=="inset"){$(".box-shadow-inset").text(function(l){return $("#boxShadowInset").val()});var g=$("#boxShadowInset").val()+" ";var d=$(".boxShadowHorizontal").val()+"px ";var h=$(".boxShadowVertical").val()+"px ";var k=$(".boxShadowBlur").val()+"px ";var b=$(".boxShadowSpread").val()+"px ";var c="rgba("+$(".rgbaRBoxShadow").val();var f=","+$(".rgbaGBoxShadow").val();var i=","+$(".rgbaBBoxShadow").val();var j=","+$(".rgbaOpacityBoxShadow").val()+")";var e=g+d+h+k+b+c+f+i+j;$(".previewWindow").css({"-webkit-box-shadow":e,"-moz-box-shadow":e,"box-shadow":e})}}});$(".boxShadowHorizontal").keyup(function(){$(".box-shadow-horizontal").text(function(l){var m=$(".boxShadowHorizontal").val();return(m+"px")});var g=$("#boxShadowInset").val()+" ";var d=$(".boxShadowHorizontal").val()+"px ";var h=$(".boxShadowVertical").val()+"px ";var k=$(".boxShadowBlur").val()+"px ";var b=$(".boxShadowSpread").val()+"px ";var c="rgba("+$(".rgbaRBoxShadow").val();var f=","+$(".rgbaGBoxShadow").val();var i=","+$(".rgbaBBoxShadow").val();var j=","+$(".rgbaOpacityBoxShadow").val()+")";var e=g+d+h+k+b+c+f+i+j;$(".previewWindow").css({"-webkit-box-shadow":e,"-moz-box-shadow":e,"box-shadow":e})});$(".boxShadowVertical").keyup(function(){$(".box-shadow-vertical").text(function(m){var l=$(".boxShadowVertical").val();return(l+"px")});var g=$("#boxShadowInset").val()+" ";var d=$(".boxShadowHorizontal").val()+"px ";var h=$(".boxShadowVertical").val()+"px ";var k=$(".boxShadowBlur").val()+"px ";var b=$(".boxShadowSpread").val()+"px ";var c="rgba("+$(".rgbaRBoxShadow").val();var f=","+$(".rgbaGBoxShadow").val();var i=","+$(".rgbaBBoxShadow").val();var j=","+$(".rgbaOpacityBoxShadow").val()+")";var e=g+d+h+k+b+c+f+i+j;$(".previewWindow").css({"-webkit-box-shadow":e,"-moz-box-shadow":e,"box-shadow":e})});$(".boxShadowBlur").keyup(function(){$(".box-shadow-blur").text(function(l){var m=$(".boxShadowBlur").val();return(m+"px")});var g=$("#boxShadowInset").val()+" ";var d=$(".boxShadowHorizontal").val()+"px ";var h=$(".boxShadowVertical").val()+"px ";var k=$(".boxShadowBlur").val()+"px ";var b=$(".boxShadowSpread").val()+"px ";var c="rgba("+$(".rgbaRBoxShadow").val();var f=","+$(".rgbaGBoxShadow").val();var i=","+$(".rgbaBBoxShadow").val();var j=","+$(".rgbaOpacityBoxShadow").val()+")";var e=g+d+h+k+b+c+f+i+j;$(".previewWindow").css({"-webkit-box-shadow":e,"-moz-box-shadow":e,"box-shadow":e})});$(".boxShadowSpread").keyup(function(){$(".box-shadow-spread").text(function(l){var m=$(".boxShadowSpread").val();return(m+"px")});var g=$("#boxShadowInset").val()+" ";var d=$(".boxShadowHorizontal").val()+"px ";var h=$(".boxShadowVertical").val()+"px ";var k=$(".boxShadowBlur").val()+"px ";var b=$(".boxShadowSpread").val()+"px ";var c="rgba("+$(".rgbaRBoxShadow").val();var f=","+$(".rgbaGBoxShadow").val();var i=","+$(".rgbaBBoxShadow").val();var j=","+$(".rgbaOpacityBoxShadow").val()+")";var e=g+d+h+k+b+c+f+i+j;$(".previewWindow").css({"-webkit-box-shadow":e,"-moz-box-shadow":e,"box-shadow":e})});$("#boxShadowColorSelect").change(function(){if($("#boxShadowColorSelect").val()=="hex"){$(".box-shadow-color-r, .box-shadow-color-g, .box-shadow-color-b, .box-shadow-color-a").text("");$(".box-shadow-rgba").fadeOut(function(){$(".box-shadow-hex").fadeIn()})}else{if($("#boxShadowColorSelect").val()=="rgba"){$(".box-shadow-color").text("");$(".box-shadow-hex").fadeOut(function(){$(".box-shadow-rgba").fadeIn()})}}});$(".hexBoxShadow").keyup(function(){$(".box-shadow-color").text(function(i){var j=$(".hexBoxShadow").val();return("#"+j)});var e=$("#boxShadowInset").val()+" ";var h=$(".boxShadowHorizontal").val()+"px ";var b=$(".boxShadowVertical").val()+"px ";var g=$(".boxShadowBlur").val()+"px ";var d=$(".boxShadowSpread").val()+"px ";var f="#"+$(".hexBoxShadow").val();var c=e+h+b+g+d+f;$(".previewWindow").css({"-webkit-box-shadow":c,"-moz-box-shadow":c,"box-shadow":c})});$(".rgbaRBoxShadow").keyup(function(){$(".box-shadow-color-r").text(function(m){var l=$(".rgbaRBoxShadow").val();return("rgba("+l)});var g=$("#boxShadowInset").val()+" ";var d=$(".boxShadowHorizontal").val()+"px ";var h=$(".boxShadowVertical").val()+"px ";var k=$(".boxShadowBlur").val()+"px ";var b=$(".boxShadowSpread").val()+"px ";var c="rgba("+$(".rgbaRBoxShadow").val();var f=","+$(".rgbaGBoxShadow").val();var i=","+$(".rgbaBBoxShadow").val();var j=","+$(".rgbaOpacityBoxShadow").val()+")";var e=g+d+h+k+b+c+f+i+j;$(".previewWindow").css({"-webkit-box-shadow":e,"-moz-box-shadow":e,"box-shadow":e})});$(".rgbaGBoxShadow").keyup(function(){$(".box-shadow-color-g").text(function(m){var l=$(".rgbaGBoxShadow").val();return(", "+l)});var g=$("#boxShadowInset").val()+" ";var d=$(".boxShadowHorizontal").val()+"px ";var h=$(".boxShadowVertical").val()+"px ";var k=$(".boxShadowBlur").val()+"px ";var b=$(".boxShadowSpread").val()+"px ";var c="rgba("+$(".rgbaRBoxShadow").val();var f=","+$(".rgbaGBoxShadow").val();var i=","+$(".rgbaBBoxShadow").val();var j=","+$(".rgbaOpacityBoxShadow").val()+")";var e=g+d+h+k+b+c+f+i+j;$(".previewWindow").css({"-webkit-box-shadow":e,"-moz-box-shadow":e,"box-shadow":e})});$(".rgbaBBoxShadow").keyup(function(){$(".box-shadow-color-b").text(function(l){var m=$(".rgbaBBoxShadow").val();return(", "+m)});var g=$("#boxShadowInset").val()+" ";var d=$(".boxShadowHorizontal").val()+"px ";var h=$(".boxShadowVertical").val()+"px ";var k=$(".boxShadowBlur").val()+"px ";var b=$(".boxShadowSpread").val()+"px ";var c="rgba("+$(".rgbaRBoxShadow").val();var f=","+$(".rgbaGBoxShadow").val();var i=","+$(".rgbaBBoxShadow").val();var j=","+$(".rgbaOpacityBoxShadow").val()+")";var e=g+d+h+k+b+c+f+i+j;$(".previewWindow").css({"-webkit-box-shadow":e,"-moz-box-shadow":e,"box-shadow":e})});$(".rgbaOpacityBoxShadow").keyup(function(){$(".box-shadow-color-a").text(function(l){var m=$(".rgbaOpacityBoxShadow").val();return(", "+m+")")});var g=$("#boxShadowInset").val()+" ";var d=$(".boxShadowHorizontal").val()+"px ";var h=$(".boxShadowVertical").val()+"px ";var k=$(".boxShadowBlur").val()+"px ";var b=$(".boxShadowSpread").val()+"px ";var c="rgba("+$(".rgbaRBoxShadow").val();var f=","+$(".rgbaGBoxShadow").val();var i=","+$(".rgbaBBoxShadow").val();var j=","+$(".rgbaOpacityBoxShadow").val()+")";var e=g+d+h+k+b+c+f+i+j;$(".previewWindow").css({"-webkit-box-shadow":e,"-moz-box-shadow":e,"box-shadow":e})});$(".textShadowHorizontal").keyup(function(){$(".text-shadow-horizontal").text(function(g){return $(".textShadowHorizontal").val()});var b=$(".textShadowHorizontal").val()+"px ";var e=$(".textShadowVertical").val()+"px ";var c=$(".textShadowBlur").val()+"px ";var d="#"+$(".textShadowColor").val();var f=b+e+c+d;$(".previewWindow span").css("text-shadow",f)});$(".textShadowVertical").keyup(function(){$(".text-shadow-vertical").text(function(g){return $(".textShadowVertical").val()});var b=$(".textShadowHorizontal").val()+"px ";var e=$(".textShadowVertical").val()+"px ";var c=$(".textShadowBlur").val()+"px ";var d="#"+$(".textShadowColor").val();var f=b+e+c+d;$(".previewWindow span").css("text-shadow",f)});$(".textShadowBlur").keyup(function(){$(".text-shadow-blur").text(function(g){return $(".textShadowBlur").val()});var b=$(".textShadowHorizontal").val()+"px ";var e=$(".textShadowVertical").val()+"px ";var c=$(".textShadowBlur").val()+"px ";var d="#"+$(".textShadowColor").val();var f=b+e+c+d;$(".previewWindow span").css("text-shadow",f)});$(".textShadowColor").keyup(function(){$(".text-shadow-color").text(function(g){return $(".textShadowColor").val()});var b=$(".textShadowHorizontal").val()+"px ";var e=$(".textShadowVertical").val()+"px ";var c=$(".textShadowBlur").val()+"px ";var d="#"+$(".textShadowColor").val();var f=b+e+c+d;$(".previewWindow span").css("text-shadow",f)});$(".textShadowColor").ColorPicker({onChange:function(b,d,c){$("input.textShadowColor").val(d);$(".text-shadow-color").text(function(e){return $(".textShadowColor").val()})},onHide:function(){var b=$(".textShadowHorizontal").val()+"px ";var e=$(".textShadowVertical").val()+"px ";var c=$(".textShadowBlur").val()+"px ";var d="#"+$(".textShadowColor").val();var f=b+e+c+d;$(".previewWindow span").css("text-shadow",f)},onBeforeShow:function(){$(this).ColorPickerSetColor(this.value)}}).bind("keyup",function(){$(this).ColorPickerSetColor(this.value)});$(".rgbaR").keyup(function(){$(".rgba-r").text(function(g){return $(".rgbaR").val()});var d=$(".rgbaR").val()+", ";var c=$(".rgbaG").val()+", ";var e=$(".rgbaB").val()+", ";var b=$(".rgbaOpacity").val();var f=d+c+e+b;$(".previewWindow").css("background","rgba("+f+")")});$(".rgbaG").keyup(function(){$(".rgba-g").text(function(g){return $(".rgbaG").val()});var d=$(".rgbaR").val()+", ";var c=$(".rgbaG").val()+", ";var e=$(".rgbaB").val()+", ";var b=$(".rgbaOpacity").val();var f=d+c+e+b;$(".previewWindow").css("background","rgba("+f+")")});$(".rgbaB").keyup(function(){$(".rgba-b").text(function(g){return $(".rgbaB").val()});var d=$(".rgbaR").val()+", ";var c=$(".rgbaG").val()+", ";var e=$(".rgbaB").val()+", ";var b=$(".rgbaOpacity").val();var f=d+c+e+b;$(".previewWindow").css("background","rgba("+f+")")});$(".rgbaOpacity").keyup(function(){$(".rgba-opacity").text(function(g){return $(".rgbaOpacity").val()});var d=$(".rgbaR").val()+", ";var c=$(".rgbaG").val()+", ";var e=$(".rgbaB").val()+", ";var b=$(".rgbaOpacity").val();var f=d+c+e+b;$(".previewWindow").css("background","rgba("+f+")")});$(".fontFamily").keyup(function(){$(".font-family").text(function(b){return $(".fontFamily").val()})});$(".fontName").keyup(function(){$(".font-name").text(function(b){return $(".fontName").val()})});$(".multipleColumnsNumber").keyup(function(){$(".multiple-columns-number").text(function(c){return $(".multipleColumnsNumber").val()});var b=$(".multipleColumnsNumber").val();$(".previewWindow p").css({"-moz-column-count":b,"-webkit-column-count":b,"column-count":b})});$(".multipleColumnsGap").keyup(function(){$(".multiple-columns-gap").text(function(c){return $(".multipleColumnsGap").val()});var b=$(".multipleColumnsGap").val()+"px";$(".previewWindow p").css({"-moz-column-gap":b,"-webkit-column-gap":b,"column-gap":b})});$("#chooseBoxResize").change(function(){if($("#chooseBoxResize").val()=="horizontal"){$(".box-resize").text(function(b){return $("#chooseBoxResize").val()});$(".previewWindow").css({resize:"horizontal",overflow:"auto","min-height":"50px","min-width":"50px"})}else{if($("#chooseBoxResize").val()=="vertical"){$(".box-resize").text(function(b){return $("#chooseBoxResize").val()});$(".previewWindow").css({resize:"vertical",overflow:"auto","min-height":"50px","min-width":"50px"})}else{if($("#chooseBoxResize").val()=="both"){$(".box-resize").text(function(b){return $("#chooseBoxResize").val()});$(".previewWindow").css({resize:"both",overflow:"auto","min-height":"50px","min-width":"50px"})}}}});$("#chooseBoxSizing").change(function(){if($("#chooseBoxSizing").val()=="border-box"){$(".box-sizing").text(function(b){return $("#chooseBoxSizing").val()});$(".boxResizeExamples").css({"-moz-box-sizing":"border-box","-webkit-box-sizing":"border-box","-box-sizing":"border-box","-khtml-box-sizing":"border-box"})}else{if($("#chooseBoxSizing").val()=="content-box"){$(".box-sizing").text(function(b){return $("#chooseBoxSizing").val()});$(".boxResizeExamples").css({"-moz-box-sizing":"content-box","-webkit-box-sizing":"content-box","-box-sizing":"content-box","-khtml-box-sizing":"content-box"})}}});$(".outlineThickness").keyup(function(){$(".outline-thickness").text(function(f){return $(".outlineThickness").val()});var e=$(".outlineThickness").val()+"px ";var b=$("#outlineStyle").val()+" ";var c="#"+$(".outlineColor").val();var d=e+b+c;$(".outlineExample").css("outline",d)});$("#outlineStyle").change(function(){if($("#outlineStyle").val()=="inherit"){$(".outline-style").text(function(f){return $("#outlineStyle").val()});var e=$(".outlineThickness").val()+"px ";var b=$("#outlineStyle").val()+" ";var c="#"+$(".outlineColor").val();var d=e+b+c;$(".outlineExample").css("outline",d).change()}else{if($("#outlineStyle").val()=="dotted"){$(".outline-style").text(function(f){return $("#outlineStyle").val()});var e=$(".outlineThickness").val()+"px ";var b=$("#outlineStyle").val()+" ";var c="#"+$(".outlineColor").val();var d=e+b+c;$(".outlineExample").css("outline",d).change()}else{if($("#outlineStyle").val()=="dashed"){$(".outline-style").text(function(f){return $("#outlineStyle").val()});var e=$(".outlineThickness").val()+"px ";var b=$("#outlineStyle").val()+" ";var c="#"+$(".outlineColor").val();var d=e+b+c;$(".outlineExample").css("outline",d).change()}else{if($("#outlineStyle").val()=="solid"){$(".outline-style").text(function(f){return $("#outlineStyle").val()});var e=$(".outlineThickness").val()+"px ";var b=$("#outlineStyle").val()+" ";var c="#"+$(".outlineColor").val();var d=e+b+c;$(".outlineExample").css("outline",d).change()}else{if($("#outlineStyle").val()=="groove"){$(".outline-style").text(function(f){return $("#outlineStyle").val()});var e=$(".outlineThickness").val()+"px ";var b=$("#outlineStyle").val()+" ";var c="#"+$(".outlineColor").val();var d=e+b+c;$(".outlineExample").css("outline",d).change()}else{if($("#outlineStyle").val()=="ridge"){$(".outline-style").text(function(f){return $("#outlineStyle").val()});var e=$(".outlineThickness").val()+"px ";var b=$("#outlineStyle").val()+" ";var c="#"+$(".outlineColor").val();var d=e+b+c;$(".outlineExample").css("outline",d).change()}else{if($("#outlineStyle").val()=="inset"){$(".outline-style").text(function(f){return $("#outlineStyle").val()});var e=$(".outlineThickness").val()+"px ";var b=$("#outlineStyle").val()+" ";var c="#"+$(".outlineColor").val();var d=e+b+c;$(".outlineExample").css("outline",d).change()}else{if($("#outlineStyle").val()=="outset"){$(".outline-style").text(function(f){return $("#outlineStyle").val()});var e=$(".outlineThickness").val()+"px ";var b=$("#outlineStyle").val()+" ";var c="#"+$(".outlineColor").val();var d=e+b+c;$(".outlineExample").css("outline",d).change()}else{if($("#outlineStyle").val()=="double"){$(".outline-style").text(function(f){return $("#outlineStyle").val()});var e=$(".outlineThickness").val()+"px ";var b=$("#outlineStyle").val()+" ";var c="#"+$(".outlineColor").val();var d=e+b+c;$(".outlineExample").css("outline",d).change()}else{if($("#outlineStyle").val()=="auto"){$(".outline-style").text(function(f){return $("#outlineStyle").val()});var e=$(".outlineThickness").val()+"px ";var b=$("#outlineStyle").val()+" ";var c="#"+$(".outlineColor").val();var d=e+b+c;$(".outlineExample").css("outline",d).change()}}}}}}}}}}});$(".outlineColor").keyup(function(){$(".outline-color").text(function(f){return $(".outlineColor").val()});var e=$(".outlineThickness").val()+"px ";var b=$("#outlineStyle").val()+" ";var c="#"+$(".outlineColor").val();var d=e+b+c;$(".outlineExample").css("outline",d)});$(".outlineColor").ColorPicker({onChange:function(b,d,c){$("input.outlineColor").val(d);$(".outline-color").text(function(e){return $(".outlineColor").val()})},onHide:function(){var e=$(".outlineThickness").val()+"px ";var b=$("#outlineStyle").val()+" ";var c="#"+$(".outlineColor").val();var d=e+b+c;$(".outlineExample").css("outline",d)},onBeforeShow:function(){$(this).ColorPickerSetColor(this.value)}}).bind("keyup",function(){$(this).ColorPickerSetColor(this.value)});$("#transitionProperty").change(function(){if($("#transitionProperty").val()=="all"){$(".transition-property").text(function(g){return $("#transitionProperty").val()});var d=$("#transitionProperty").val()+" ";var c=$(".transitionDuration").val();var e=$("#durationType").val()+" ";var b=$("#transitionFunction").val();var f=d+c+e+b;$(".previewWindow").css({"-webkit-transition":f,"-moz-transition":f,"-o-transition":f,transition:f})}else{if($("#transitionProperty").val()=="background"){$(".transition-property").text(function(g){return $("#transitionProperty").val()});var d=$("#transitionProperty").val()+" ";var c=$(".transitionDuration").val();var e=$("#durationType").val()+" ";var b=$("#transitionFunction").val();var f=d+c+e+b;$(".previewWindow").css({"-webkit-transition":f,"-moz-transition":f,"-o-transition":f,transition:f})}else{if($("#transitionProperty").val()=="background"){$(".transition-property").text(function(g){return $("#transitionProperty").val()});var d=$("#transitionProperty").val()+" ";var c=$(".transitionDuration").val();var e=$("#durationType").val()+" ";var b=$("#transitionFunction").val();var f=d+c+e+b;$(".previewWindow").css({"-webkit-transition":f,"-moz-transition":f,"-o-transition":f,transition:f})}else{if($("#transitionProperty").val()=="color"){$(".transition-property").text(function(g){return $("#transitionProperty").val()});var d=$("#transitionProperty").val()+" ";var c=$(".transitionDuration").val();var e=$("#durationType").val()+" ";var b=$("#transitionFunction").val();var f=d+c+e+b;$(".previewWindow").css({"-webkit-transition":f,"-moz-transition":f,"-o-transition":f,transition:f})}else{if($("#transitionProperty").val()=="height"){$(".transition-property").text(function(g){return $("#transitionProperty").val()});var d=$("#transitionProperty").val()+" ";var c=$(".transitionDuration").val();var e=$("#durationType").val()+" ";var b=$("#transitionFunction").val();var f=d+c+e+b;$(".previewWindow").css({"-webkit-transition":f,"-moz-transition":f,"-o-transition":f,transition:f})}else{if($("#transitionProperty").val()=="weight"){$(".transition-property").text(function(g){return $("#transitionProperty").val()});var d=$("#transitionProperty").val()+" ";var c=$(".transitionDuration").val();var e=$("#durationType").val()+" ";var b=$("#transitionFunction").val();var f=d+c+e+b;$(".previewWindow").css({"-webkit-transition":f,"-moz-transition":f,"-o-transition":f,transition:f})}else{if($("#transitionProperty").val()=="outline"){$(".transition-property").text(function(g){return $("#transitionProperty").val()});var d=$("#transitionProperty").val()+" ";var c=$(".transitionDuration").val();var e=$("#durationType").val()+" ";var b=$("#transitionFunction").val();var f=d+c+e+b;$(".previewWindow").css({"-webkit-transition":f,"-moz-transition":f,"-o-transition":f,transition:f})}}}}}}}});$(".transitionDuration").keyup(function(){$(".transition-duration").text(function(g){return $(".transitionDuration").val()});var d=$("#transitionProperty").val()+" ";var c=$(".transitionDuration").val();var e=$("#durationType").val()+" ";var b=$("#transitionFunction").val();var f=d+c+e+b;$(".previewWindow").css({"-webkit-transition":f,"-moz-transition":f,"-o-transition":f,transition:f})});$("#durationType").change(function(){if($("#durationType").val()=="s"){$(".transition-duration-type").text(function(g){return $("#durationType").val()});var d=$("#transitionProperty").val()+" ";var c=$(".transitionDuration").val();var e=$("#durationType").val()+" ";var b=$("#transitionFunction").val();var f=d+c+e+b;$(".previewWindow").css({"-webkit-transition":f,"-moz-transition":f,"-o-transition":f,transition:f})}else{if($("#durationType").val()=="ms"){$(".transition-duration-type").text(function(g){return $("#durationType").val()});var d=$("#transitionProperty").val()+" ";var c=$(".transitionDuration").val();var e=$("#durationType").val()+" ";var b=$("#transitionFunction").val();var f=d+c+e+b;$(".previewWindow").css({"-webkit-transition":f,"-moz-transition":f,"-o-transition":f,transition:f})}}});$("#transitionFunction").change(function(){if($("#transitionFunction").val()=="ease"){$(".transition-function").text(function(g){return $("#transitionFunction").val()});var d=$("#transitionProperty").val()+" ";var c=$(".transitionDuration").val();var e=$("#durationType").val()+" ";var b=$("#transitionFunction").val();var f=d+c+e+b;$(".previewWindow").css({"-webkit-transition":f,"-moz-transition":f,"-o-transition":f,transition:f})}else{if($("#transitionFunction").val()=="linear"){$(".transition-function").text(function(g){return $("#transitionFunction").val()});var d=$("#transitionProperty").val()+" ";var c=$(".transitionDuration").val();var e=$("#durationType").val()+" ";var b=$("#transitionFunction").val();var f=d+c+e+b;$(".previewWindow").css({"-webkit-transition":f,"-moz-transition":f,"-o-transition":f,transition:f})}else{if($("#transitionFunction").val()=="ease-in"){$(".transition-function").text(function(g){return $("#transitionFunction").val()});var d=$("#transitionProperty").val()+" ";var c=$(".transitionDuration").val();var e=$("#durationType").val()+" ";var b=$("#transitionFunction").val();var f=d+c+e+b;$(".previewWindow").css({"-webkit-transition":f,"-moz-transition":f,"-o-transition":f,transition:f})}else{if($("#transitionFunction").val()=="ease-out"){$(".transition-function").text(function(g){return $("#transitionFunction").val()});var d=$("#transitionProperty").val()+" ";var c=$(".transitionDuration").val();var e=$("#durationType").val()+" ";var b=$("#transitionFunction").val();var f=d+c+e+b;$(".previewWindow").css({"-webkit-transition":f,"-moz-transition":f,"-o-transition":f,transition:f})}else{if($("#transitionFunction").val()=="ease-in-out"){$(".transition-function").text(function(g){return $("#transitionFunction").val()});var d=$("#transitionProperty").val()+" ";var c=$(".transitionDuration").val();var e=$("#durationType").val()+" ";var b=$("#transitionFunction").val();var f=d+c+e+b;$(".previewWindow").css({"-webkit-transition":f,"-moz-transition":f,"-o-transition":f,transition:f})}else{if($("#transitionFunction").val()=="ease"){$(".transition-function").text(function(g){return $("#transitionFunction").val()});var d=$("#transitionProperty").val()+" ";var c=$(".transitionDuration").val();var e=$("#durationType").val()+" ";var b=$("#transitionFunction").val();var f=d+c+e+b;$(".previewWindow").css({"-webkit-transition":f,"-moz-transition":f,"-o-transition":f,transition:f})}else{if($("#transitionFunction").val()=="ease"){$(".transition-function").text(function(g){return $("#transitionFunction").val()});var d=$("#transitionProperty").val()+" ";var c=$(".transitionDuration").val();var e=$("#durationType").val()+" ";var b=$("#transitionFunction").val();var f=d+c+e+b;$(".previewWindow").css({"-webkit-transition":f,"-moz-transition":f,"-o-transition":f,transition:f})}}}}}}}});$(".transformScale").keyup(function(){$(".transform-scale").text(function(i){return $(".transformScale").val()});var b="scale("+$(".transformScale").val()+") ";var f="rotate("+$(".transformRotate").val()+"deg) ";var h="translate("+$(".transformTranslate1").val()+"px, ";var d=$(".transformTranslate2").val()+"px) ";var g="skew("+$(".transformSkew1").val()+"deg, ";var c=$(".transformSkew2").val()+"deg)";var e=b+f+h+d+g+c;$(".previewWindow").css({"-webkit-transform":e,"-moz-transform":e,"-o-transform":e,"-ms-transform":e,transform:e})});$(".transformRotate").keyup(function(){$(".transform-rotate").text(function(i){return $(".transformRotate").val()});var b="scale("+$(".transformScale").val()+") ";var f="rotate("+$(".transformRotate").val()+"deg) ";var h="translate("+$(".transformTranslate1").val()+"px, ";var d=$(".transformTranslate2").val()+"px) ";var g="skew("+$(".transformSkew1").val()+"deg, ";var c=$(".transformSkew2").val()+"deg)";var e=b+f+h+d+g+c;$(".previewWindow").css({"-webkit-transform":e,"-moz-transform":e,"-o-transform":e,"-ms-transform":e,transform:e})});$(".transformTranslate1").keyup(function(){$(".transform-translate1").text(function(i){return $(".transformTranslate1").val()});var b="scale("+$(".transformScale").val()+") ";var f="rotate("+$(".transformRotate").val()+"deg) ";var h="translate("+$(".transformTranslate1").val()+"px, ";var d=$(".transformTranslate2").val()+"px) ";var g="skew("+$(".transformSkew1").val()+"deg, ";var c=$(".transformSkew2").val()+"deg)";var e=b+f+h+d+g+c;$(".previewWindow").css({"-webkit-transform":e,"-moz-transform":e,"-o-transform":e,"-ms-transform":e,transform:e})});$(".transformTranslate2").keyup(function(){$(".transform-translate2").text(function(i){return $(".transformTranslate2").val()});var b="scale("+$(".transformScale").val()+") ";var f="rotate("+$(".transformRotate").val()+"deg) ";var h="translate("+$(".transformTranslate1").val()+"px, ";var d=$(".transformTranslate2").val()+"px) ";var g="skew("+$(".transformSkew1").val()+"deg, ";var c=$(".transformSkew2").val()+"deg)";var e=b+f+h+d+g+c;$(".previewWindow").css({"-webkit-transform":e,"-moz-transform":e,"-o-transform":e,"-ms-transform":e,transform:e})});$(".transformSkew1").keyup(function(){$(".transform-skew1").text(function(i){return $(".transformSkew1").val()});var b="scale("+$(".transformScale").val()+") ";var f="rotate("+$(".transformRotate").val()+"deg) ";var h="translate("+$(".transformTranslate1").val()+"px, ";var d=$(".transformTranslate2").val()+"px) ";var g="skew("+$(".transformSkew1").val()+"deg, ";var c=$(".transformSkew2").val()+"deg)";var e=b+f+h+d+g+c;$(".previewWindow").css({"-webkit-transform":e,"-moz-transform":e,"-o-transform":e,"-ms-transform":e,transform:e})});$(".transformSkew2").keyup(function(){$(".transform-skew2").text(function(i){return $(".transformSkew2").val()});var b="scale("+$(".transformScale").val()+") ";var f="rotate("+$(".transformRotate").val()+"deg) ";var h="translate("+$(".transformTranslate1").val()+"px, ";var d=$(".transformTranslate2").val()+"px) ";var g="skew("+$(".transformSkew1").val()+"deg, ";var c=$(".transformSkew2").val()+"deg)";var e=b+f+h+d+g+c;$(".previewWindow").css({"-webkit-transform":e,"-moz-transform":e,"-o-transform":e,"-ms-transform":e,transform:e})})});