function HexToR(a){return parseInt((cutHex(a)).substring(0,2),16)}function HexToG(a){return parseInt((cutHex(a)).substring(2,4),16)}function HexToB(a){return parseInt((cutHex(a)).substring(4,6),16)}function cutHex(a){return(a.charAt(0)=="#")?a.substring(1,7):a}function preview_mod(){var p="";var C=document.getElementById("corner_a").value;var A=document.getElementById("corner_b").value;var z=document.getElementById("corner_c").value;var y=document.getElementById("corner_d").value;var x=document.getElementById("border_size").value;var w=document.getElementById("border_color").value;var u=document.getElementById("bg_color").value;var t=document.getElementById("opacity_val").value;var s=document.getElementById("shadow_color").value;var r=document.getElementById("shadow_size").value;C=parseInt(C);A=parseInt(A);z=parseInt(z);y=parseInt(y);x=parseInt(x);t=parseInt(t);r=parseInt(r);if(C==A&&A==z&&z==y){p+="-webkit-border-radius: "+C+"px;-moz-border-radius: "+C+"px;border-radius: "+C+"px;"}else{p+="-webkit-border-radius: "+C+"px "+A+"px "+y+"px "+z+"px;";p+="-moz-border-radius: "+C+"px "+A+"px "+y+"px "+z+"px;";p+="border-radius: "+C+"px "+A+"px "+y+"px "+z+"px;"}if(x>0){p+="border:"+x+"px solid #"+w+";"}if(t<100){var v=HexToR(u);var k=HexToG(u);var m=HexToB(u);var o=(Math.round(t)/100);o=o.toFixed(1);p+="background:rgba("+v+","+k+","+m+","+o+");"}else{p+="background-color:#"+u+";"}var n=window.location.href;var l=/http:\/\/cssround.com/gi;if(!n.match(l)){return false}if(r>0){p+="-webkit-box-shadow: #"+s+" "+r+"px "+r+"px "+r+"px;-moz-box-shadow: #"+s+" "+r+"px "+r+"px "+r+"px; box-shadow: #"+s+" "+r+"px "+r+"px "+r+"px;"}document.getElementById("preview_style").className="new_preview";var q='<div style="margin:-144px 0 0 0;height:300px;width:400px;'+p+'">&nbsp;</div>';var B='<div style="width:400px;height:300px;'+p+'">Just modify width and height values to get what you need...</div>';document.getElementById("preview_area").value=B;document.getElementById("preview_value").innerHTML=q}$(document).ready(function(){$("#corner_a").val(20);$("#corner_b").val(20);$("#corner_c").val(20);$("#corner_d").val(20);$("#border_size").val(0);$("#opacity_val").val(100);$("#shadow_size").val(0);var a=window.location.href;var b=/http:\/\/cssround.com/gi;if(!a.match(b)){return false}else{$("#slider_a").slider({range:"min",step:1,value:20,min:0,max:99,slide:function(c,d){$("#corner_a").val(d.value);$("#corner_a").focus()}});$("#slider_b").slider({range:"min",step:1,value:20,min:0,max:99,slide:function(c,d){$("#corner_b").val(d.value);$("#corner_b").focus()}});$("#slider_c").slider({range:"min",step:1,value:20,min:0,max:99,slide:function(c,d){$("#corner_c").val(d.value);$("#corner_c").focus()}});$("#slider_d").slider({range:"min",step:1,value:20,min:0,max:99,slide:function(c,d){$("#corner_d").val(d.value);$("#corner_d").focus()}});$("#slider_border").slider({range:"min",step:0,value:0,min:0,max:99,slide:function(c,d){$("#border_size").val(d.value);$("#border_size").focus()}});$("#slider_opacity").slider({range:"min",step:10,value:100,min:0,max:100,slide:function(c,d){$("#opacity_val").val(d.value);$("#opacity_val").focus()}});$("#slider_shadow").slider({range:"min",step:0,value:0,min:0,max:99,slide:function(c,d){$("#shadow_size").val(d.value);$("#shadow_size").focus()}})}});