// Radio button FUNCTION returns a prestyled and sized radio HTML block
// Requires css_myform.css

function myradio(mylabel,myname,myvalue,mychecked) {

// create random unique id values
var randnum = Math.floor(Math.random()*1000000);
var randnum1 = Math.floor(Math.random()*1000000);
var radioboxid = "radiobox-"+randnum+"-"+randnum1;

// start outer div
retstr = "<div class='radiocheck_outer'>";
// lable around a sized div. ##### NOTE!!! for=ID
retstr = retstr + "<label for='"+radioboxid+"' class='radiocheck_label'>";
// sized div to create the WIDTH and hold the bg icon
retstr = retstr + "<div class='radio_size'>";
// inner div with a left-margin */
retstr = retstr + "<div class='radiocheck_inner'>";
// open tag for the checkbox element
retstr = retstr + "<input id='"+radioboxid+"' type='radio' name='"+myname+"' value='"+myvalue+"' class='radiocheck_button'";
// if checked or unchecked close the tag
if (mychecked == '1') {
retstr = retstr + "checked />"; // end if checked
}
else {
retstr = retstr + "/>"; // end if not checked
}
// the inner text lable
retstr = retstr + "<span class='radiocheck_txt'>"+mylabel+"</span>";
// close all tags
retstr = retstr + "</div></div></label></div>";

// return the created html
return retstr;

} // radio box function