//Star rating system
                    //(what|The element passed, numopt|The number of possible selections *max 10*)
                    function make_bold(what, numopt){
                        if(numopt == 10){numopt = 11;}
                        //get the element with out number
                        element = document.getElementById(what.id).id;
                        if(element.slice(element.length-2) == "10"){
                            element = element.slice(0,-2);
                        }else{
                            element = element.slice(0,-1);
                        }

                        //NOTE
                        // another way to change the styles of the elements is to create
                        // "on" and "off" css classes and just switch between the two
                        // using document.getElementById(elementid).style.class="on" or "off"
                        
                        //reset all other elements
                        for(i=0;i<numopt;i++){
                            elementid = element + i;
                            document.getElementById(elementid).style.font="18px arial,serif";
                            document.getElementById(elementid).style.color="#000000";
                            document.getElementById(elementid).style.background="";
                        }

                        //hilight our special element
                        document.getElementById(what.id).style.font="italic bold 18px arial,serif";
                        document.getElementById(what.id).style.color="#FFFFFF";
                        document.getElementById(what.id).style.background="#000000";
                       
                        //update the inputbox
                        var value = document.getElementById(what.id).title;
                        document.getElementById(element).value=value;
                    }

                    function multi_select(what){
                        //get the element with out number
                        element = document.getElementById(what.id).id;
                        if(element.slice(element.length-2) == "10"){
                            element = element.slice(0,-2);
                        }else{
                            element = element.slice(0,-1);
                        }

                        var checked =document.getElementById(element).checked;
                        if(checked == true){
                            document.getElementById(element).checked = false;
                            document.getElementById(element).value = "0";
                            //hilight our special element
                            document.getElementById(what.id).style.font="18px arial,serif";
                            document.getElementById(what.id).style.color="#000000";
                            document.getElementById(what.id).style.background="";
                        }
                        else{
                            document.getElementById(element).checked = true;
                            document.getElementById(element).value = "1";
                            //hilight our special element
                            document.getElementById(what.id).style.font="italic bold 18px arial,serif";
                            document.getElementById(what.id).style.color="#FFFFFF";
                            document.getElementById(what.id).style.background="#000000";
                        }
                      

                    }