



function launchnew(){
x=window.open("","Outcome","width=250,height=330,top=100,left=100,resizeable=no,scrollbars=no,menubar=no,toolbar=no,status=yes")}

function launchhex(){
y=window.open("/utilidades/csscoder/colores.php","Hex","width=310,height=380,top=100,left=100,resizeable=no,scrollbars=no,menubar=no,toolbar=no,status=yes")}

function generate(){

enterClassName = "CSSName"
enterBackgroundColor = ""
enterBorderColor = ""
enterBorderStyle = ""
enterBorderWidth = ""
enterTextColor = ""
enterTextSize = ""
enterTextFont = ""
enterTextStyle = ""


if(document.makecss.thisclassname.value != ""){enterClassName = document.makecss.thisclassname.value}

if(document.makecss.backgroundcolor.value != ""){enterBackgroundColor = "background-color: " + document.makecss.backgroundcolor.value + ";" + "\n"}

if(document.makecss.bordertype.options.value == "solid"){
if(document.makecss.bordercolor.value != ""){enterBorderColor = "border-color: " + document.makecss.bordercolor.value + ";" + "\n"}
enterBorderStyle = "border-style: solid;" + "\n"}

if(document.makecss.bordertype.options.value == "beveled"){
enterBorderColor = ""; 
enterBorderStyle = ""}

if(document.makecss.bordertype.options.value == "cbeveled"){
if(document.makecss.bordercolor.value != ""){enterBorderColor = "border-color: " + document.makecss.bordercolor.value + ";" + "\n"}
enterBorderStyle = ""}

if(document.makecss.borderwidth.value != ""){enterBorderWidth = "border-width: " + document.makecss.borderwidth.value + ";" + "\n"}

if(document.makecss.textcolor.value != ""){enterTextColor = "color: " + document.makecss.textcolor.value + ";" + "\n"}
if(document.makecss.textsize.value != ""){enterTextSize = "font-size: " + document.makecss.textsize.value + "pt;" + "\n"}
if(document.makecss.textfont.value != ""){enterTextFont = "font-family: " + document.makecss.textfont.value + ";" + "\n"}

if(document.makecss.textweight.value == "N"){enterTextStyle = ""}
if(document.makecss.textweight.value == "B"){enterTextStyle = "font-weight: bold;" + "\n"}
if(document.makecss.textweight.value == "I"){enterTextStyle = "font-style: italic;" + "\n"}
if(document.makecss.textweight.value == "BI"){enterTextStyle = "font-weight: bold;" + "\n" + "font-style: italic;" + "\n"}


launchnew()

finalcode = "." + enterClassName + " {" + "\n" +
enterBackgroundColor +
enterBorderColor +
enterBorderStyle +
enterBorderWidth +
enterTextColor +
enterTextSize +
enterTextFont +
enterTextStyle +
"}" + "\n"


fillA = "<html><head><title>Resultado</title></head><body>\n"

Vtextarea1 = '<textarea rows="12" name="fieldarea" cols="25">'
Vtextarea2 = '</textarea><br>'

Vcss1 = '<style type="text/css">'
Vcss2 = '</style>'


Vact1 = ''
Vact2 = ''
Vact3 = ''


if(document.makecss.elemtype.value == "button"){
Vact1 = '<input type="button" value="Button" class="'
Vact2 = enterClassName
Vact3 = '">'
}

if(document.makecss.elemtype.value == "textfield"){
Vact1 = '<input type="text" value="Field Content" class="'
Vact2 = enterClassName
Vact3 = '" size="20">'
}

if(document.makecss.elemtype.value == "text"){
Vact1 = '<font class="'
Vact2 = enterClassName
Vact3 = '">Your Class Text</font>'
}



Vform1 = '<form>'
Vform2 = '</form>'

Vblah = '<font face="Arial" size="3"><b>Generador de CSS</b><br></font>'
Vblah1 = '<font face="Arial" size="2">C&oacute;digo CSS:</font><br>'
Vblah2 = '<font face="Arial" size="2">Clase resultante:</font><br>'


Vbr = "<br>"

fillB = "</body></html>\n"

x.document.write(fillA, Vcss1, finalcode, Vcss2, Vform1, Vblah, Vblah1, Vtextarea1, finalcode, Vtextarea2, Vbr, Vblah2, Vact1, Vact2, Vact3, Vform2, fillB)


}

