jbe@945: jsProtect(function() {
bsw@519:   voting_text_approval_single               = "Approval"
bsw@519:   voting_text_approval_multi                = "Approval"
bsw@519:   voting_text_first_preference_single       = "Approval (first preference)"
bsw@519:   voting_text_first_preference_multi        = "Approval (first preference)"
bsw@519:   voting_text_second_preference_single      = "Approval (second preference)"
bsw@519:   voting_text_second_preference_multi       = "Approval (second preference)"
bsw@519:   voting_text_third_preference_single       = "Approval (third preference)"
bsw@519:   voting_text_third_preference_multi        = "Approval (third preference)"
bsw@519:   voting_text_numeric_preference_single     = "Approval (#th preference)"
bsw@519:   voting_text_numeric_preference_multi      = "Approval (#th preference)"
bsw@519:   voting_text_abstention_single             = "Abstention"
bsw@519:   voting_text_abstention_multi              = "Abstention"
bsw@519:   voting_text_disapproval_above_one_single  = "Disapproval (prefer to lower block)"
bsw@519:   voting_text_disapproval_above_one_multi   = "Disapproval (prefer to lower block)"
bsw@519:   voting_text_disapproval_above_many_single = "Disapproval (prefer to lower blocks)"
bsw@519:   voting_text_disapproval_above_many_multi  = "Disapproval (prefer to lower blocks)"
bsw@519:   voting_text_disapproval_above_last_single = "Disapproval (prefer to last block)"
bsw@519:   voting_text_disapproval_above_last_multi  = "Disapproval (prefer to last block)"
bsw@519:   voting_text_disapproval_single            = "Disapproval"
bsw@519:   voting_text_disapproval_multi             = "Disapproval"
bsw/jbe@19: 
bsw@519:   function voting_setCategoryHeadings() {
bsw@519:     var approvalCount = 0;
bsw@519:     var disapprovalCount = 0;
bsw@519:     var sections = document.getElementById("voting").childNodes;
bsw@519:     for (var i=0; i<sections.length; i++) {
bsw@519:       var section = sections[i];
bsw@519:       if (section.className == "approval")       approvalCount++;
bsw@519:       if (section.className == "disapproval") disapprovalCount++;
bsw/jbe@5:     }
bsw@519:     var approvalIndex = 0;
bsw@519:     var disapprovalIndex = 0;
bsw/jbe@5:     for (var i=0; i<sections.length; i++) {
bsw/jbe@5:       var section = sections[i];
bsw/jbe@5:       if (
bsw/jbe@5:         section.className == "approval" ||
bsw/jbe@5:         section.className == "abstention" ||
bsw/jbe@5:         section.className == "disapproval"
bsw/jbe@5:       ) {
bsw@519:         var setHeading = function(heading) {
bsw@519:           var headingNodes = section.childNodes;
bsw@519:           for (var j=0; j<headingNodes.length; j++) {
bsw@519:             var headingNode = headingNodes[j];
bsw@519:             if (headingNode.className == "cathead") {
bsw@519:               headingNode.textContent = heading;
bsw/jbe@19:             }
bsw/jbe@5:           }
bsw@519:         }
bsw@519:         var count = 0;
bsw@519:         var entries = section.childNodes;
bsw@519:         for (var j=0; j<entries.length; j++) {
bsw@519:           var entry = entries[j];
bsw@519:           if (entry.className == "movable") count++;
bsw@519:         }
bsw@519:         if (section.className == "approval") {
bsw@519:           if (approvalCount > 1) {
bsw@519:             if (approvalIndex == 0) {
bsw@519:               if (count == 1) setHeading(voting_text_first_preference_single);
bsw@519:               else setHeading(voting_text_first_preference_multi);
bsw@519:             } else if (approvalIndex == 1) {
bsw@519:               if (count == 1) setHeading(voting_text_second_preference_single);
bsw@519:               else setHeading(voting_text_second_preference_multi);
bsw@519:             } else if (approvalIndex == 2) {
bsw@519:               if (count == 1) setHeading(voting_text_third_preference_single);
bsw@519:               else setHeading(voting_text_third_preference_multi);
bsw@519:             } else {
bsw@519:               var text;
bsw@519:               if (count == 1) text = voting_text_numeric_preference_single;
bsw@519:               else text = voting_text_numeric_preference_multi;
bsw@519:               text = text.replace(/#/, "" + (approvalIndex + 1))
bsw@519:               setHeading(text);
bsw@519:             }
bsw@519:           } else {
bsw@519:             if (count == 1) setHeading(voting_text_approval_single);
bsw@519:             else setHeading(voting_text_approval_multi);
bsw/jbe@19:           }
bsw@519:           approvalIndex++;
bsw@519:         } else if (section.className == "abstention") {
bsw@519:           if (count == 1) setHeading(voting_text_abstention_single);
bsw@519:           else setHeading(voting_text_abstention_multi);
bsw@519:         } else if (section.className == "disapproval") {
bsw@519:           if (disapprovalCount > disapprovalIndex + 2) {
bsw@519:             if (count == 1) setHeading(voting_text_disapproval_above_many_single);
bsw@519:             else setHeading(voting_text_disapproval_above_many_multi);
bsw@519:           } else if (disapprovalCount == 2 && disapprovalIndex == 0) {
bsw@519:             if (count == 1) setHeading(voting_text_disapproval_above_one_single);
bsw@519:             else setHeading(voting_text_disapproval_above_one_multi);
bsw@519:           } else if (disapprovalIndex == disapprovalCount - 2) {
bsw@519:             if (count == 1) setHeading(voting_text_disapproval_above_last_single);
bsw@519:             else setHeading(voting_text_disapproval_above_last_multi);
bsw@519:           } else {
bsw@519:             if (count == 1) setHeading(voting_text_disapproval_single);
bsw@519:             else setHeading(voting_text_disapproval_multi);
bsw@519:           }
bsw@519:           disapprovalIndex++;
bsw/jbe@5:         }
bsw/jbe@5:       }
bsw/jbe@5:     }
bsw@519:   }
bsw@519:   function voting_move(element, up, dropX, dropY) {
jbe@945:     jsProtect(function() {
jbe@945:       if (typeof(element) == "string") element = document.getElementById(element);
jbe@945:       var mouse = (up == null);
jbe@945:       var oldParent = element.parentNode;
jbe@945:       if (mouse) var centerY = dropY + element.clientHeight / 2;
jbe@945:       var approvalCount = 0;
jbe@945:       var disapprovalCount = 0;
jbe@945:       var mainDiv = document.getElementById("voting");
jbe@945:       var sections = mainDiv.childNodes;
bsw/jbe@19:       for (var i=0; i<sections.length; i++) {
bsw/jbe@19:         var section = sections[i];
jbe@945:         if (section.className == "approval")       approvalCount++;
jbe@945:         if (section.className == "disapproval") disapprovalCount++;
jbe@945:       }
jbe@945:       if (mouse) {
jbe@945:         for (var i=0; i<sections.length; i++) {
jbe@945:           var section = sections[i];
bsw@519:           if (
jbe@945:             section.className == "approval" ||
jbe@945:             section.className == "abstention" ||
jbe@945:             section.className == "disapproval"
bsw@519:           ) {
jbe@945:             if (
jbe@945:               centerY >= section.offsetTop &&
jbe@945:               centerY <  section.offsetTop + section.clientHeight
jbe@945:             ) {
jbe@945:               var entries = section.childNodes;
jbe@945:               for (var j=0; j<entries.length; j++) {
jbe@945:                 var entry = entries[j];
jbe@945:                 if (entry.className == "movable") {
jbe@945:                   if (centerY < entry.offsetTop + entry.clientHeight / 2) {
jbe@945:                     if (element != entry) {
jbe@945:                       oldParent.removeChild(element);
jbe@945:                       section.insertBefore(element, entry);
jbe@945:                     }
jbe@945:                     break;
bsw@519:                   }
bsw@519:                 }
bsw@519:               }
jbe@945:               if (j == entries.length) {
jbe@945:                 oldParent.removeChild(element);
jbe@945:                 section.appendChild(element);
jbe@945:               }
jbe@945:               break;
bsw/jbe@19:             }
bsw/jbe@19:           }
bsw/jbe@19:         }
jbe@945:         if (i == sections.length) {
jbe@945:           var newSection = document.createElement("div");
jbe@945:           var cathead = document.createElement("div");
jbe@945:           cathead.setAttribute("class", "cathead");
jbe@945:           newSection.appendChild(cathead);
jbe@945:           for (var i=0; i<sections.length; i++) {
jbe@945:             var section = sections[i];
jbe@945:             if (
jbe@945:               section.className == "approval" ||
jbe@945:               section.className == "abstention" ||
jbe@945:               section.className == "disapproval"
jbe@945:             ) {
jbe@945:               if (centerY < section.offsetTop + section.clientHeight / 2) {
jbe@945:                 if (section.className == "disapproval") {
jbe@945:                   newSection.setAttribute("class", "disapproval");
jbe@945:                   disapprovalCount++;
jbe@945:                 } else {
jbe@945:                   newSection.setAttribute("class", "approval");
jbe@945:                   approvalCount++;
jbe@945:                 }
jbe@945:                 mainDiv.insertBefore(newSection, section);
jbe@945:                 break;
jbe@945:               }
jbe@945:             }
jbe@945:           }
jbe@945:           if (i == sections.length) {
jbe@945:             newSection.setAttribute("class", "disapproval");
jbe@945:             disapprovalCount++;
jbe@945:             mainDiv.appendChild(newSection);
jbe@945:           }
jbe@945:           oldParent.removeChild(element);
jbe@945:           newSection.appendChild(element);
jbe@945:         }
jbe@945:       } else {
jbe@945:         var oldFound = false;
jbe@945:         var prevSection = null;
jbe@945:         var nextSection = null;
bsw@519:         for (var i=0; i<sections.length; i++) {
bsw@519:           var section = sections[i];
bsw@519:           if (
bsw@519:             section.className == "approval" ||
bsw@519:             section.className == "abstention" ||
bsw@519:             section.className == "disapproval"
bsw@519:           ) {
jbe@945:             if (oldFound) {
jbe@945:               nextSection = section;
jbe@945:               break;
jbe@945:             } else if (section == oldParent) {
jbe@945:               oldFound = true;
jbe@945:             } else {
jbe@945:               prevSection = section;
jbe@945:             }
jbe@945:           }
jbe@945:         }
jbe@945:         var create;
jbe@945:         if (oldParent.className == "abstention") {
jbe@945:           create = true;
jbe@945:         } else {
jbe@945:           create = false;
jbe@945:           for (var i=0; i<oldParent.childNodes.length; i++) {
jbe@945:             var entry = oldParent.childNodes[i];
jbe@945:             if (entry.className == "movable") {
jbe@945:               if (entry != element) {
jbe@945:                 create = true;
jbe@945:                 break;
bsw@519:               }
bsw@519:             }
bsw@519:           }
bsw@519:         }
jbe@945:         var newSection;
jbe@945:         if (create) {
jbe@945:           newSection = document.createElement("div");
jbe@945:           var cathead = document.createElement("div");
jbe@945:           cathead.setAttribute("class", "cathead");
jbe@945:           newSection.appendChild(cathead);
jbe@945:           if (
jbe@945:             oldParent.className == "approval" ||
jbe@945:             (oldParent.className == "abstention" && up)
jbe@945:           ) {
jbe@945:             newSection.setAttribute("class", "approval");
jbe@945:             approvalCount++;
jbe@945:           } else {
jbe@945:             newSection.setAttribute("class", "disapproval");
jbe@945:             disapprovalCount++;
jbe@945:           }
jbe@945:           if (up) {
jbe@945:             mainDiv.insertBefore(newSection, oldParent);
jbe@945:           } else {
jbe@945:             if (nextSection) mainDiv.insertBefore(newSection, nextSection);
jbe@945:             else mainDiv.appendChild(newSection);
jbe@945:           }
jbe@945:         } else {
jbe@945:           if (up) newSection = prevSection;
jbe@945:           else newSection = nextSection;
bsw@519:         }
jbe@945:         if (newSection) {
jbe@945:           oldParent.removeChild(element);
jbe@945:           if (create || up) {
jbe@945:             newSection.appendChild(element);
bsw@519:           } else {
jbe@945:             var inserted = false;
jbe@945:             for (var i=0; i<newSection.childNodes.length; i++) {
jbe@945:               var entry = newSection.childNodes[i];
jbe@945:               if (entry.className == "movable") {
jbe@945:                 newSection.insertBefore(element, entry);
jbe@945:                 inserted = true;
jbe@945:                 break;
jbe@945:               }
bsw@519:             }
jbe@945:             if (!inserted) newSection.appendChild(element);
bsw/jbe@19:           }
bsw/jbe@19:         }
bsw/jbe@19:       }
jbe@945:       // sections = mainDiv.childNodes;
jbe@945:       for (i=0; i<sections.length; i++) {
jbe@945:         var section = sections[i];
bsw@519:         if (
jbe@945:           (section.className == "approval"    &&    approvalCount > 1) ||
jbe@945:           (section.className == "disapproval" && disapprovalCount > 1)
bsw@519:         ) {
jbe@945:           var entries = section.childNodes;
jbe@945:           for (var j=0; j<entries.length; j++) {
jbe@945:             var entry = entries[j];
jbe@945:             if (entry.className == "movable") break;
bsw@519:           }
jbe@945:           if (j == entries.length) {
jbe@945:             section.parentNode.removeChild(section);
jbe@945:           }
bsw@519:         }
bsw@519:       }
jbe@945:       voting_setCategoryHeadings();
jbe@945:     });
bsw/jbe@5:   }
bsw@519:   function elementDropped(element, dropX, dropY) {
bsw@519:     voting_move(element, null, dropX, dropY);
bsw/jbe@5:   }
bsw@519:   window.addEventListener("load", function(event) {
jbe@945:     jsProtect(function() {
jbe@945:       var jsTest = true;
jbe@945:       var jsTestSuccess = false;
jbe@945:       voting_setCategoryHeadings();
jbe@945:       var mainDiv = document.getElementById("voting");
jbe@945:       var form = document.getElementById("voting_form");
jbe@945:       var elements = document.getElementsByTagName("input");
jbe@945:       for (var i=0; i<elements.length; i++) {
jbe@945:         var element = elements[i];
jbe@945:         if (element.className == "voting_done1" ||
jbe@945:             element.className == "voting_done2" ||
jbe@945:             element.name == "preview") {
jbe@945:           element.addEventListener("click", function(event) {
jbe@945:             jsProtect(function() {
jbe@945:               event.preventDefault();
jbe@945:               if (event.target.name == "preview") {
jbe@945:                 document.getElementById("preview2").value = "1";
jbe@945:               }
jbe@945:               var scoringString = "";
jbe@945:               var approvalCount = 0;
jbe@945:               var disapprovalCount = 0;
jbe@945:               var sections = mainDiv.childNodes;
jbe@945:               for (var j=0; j<sections.length; j++) {
jbe@945:                 var section = sections[j];
jbe@945:                 if (section.className == "approval")       approvalCount++;
jbe@945:                 if (section.className == "disapproval") disapprovalCount++;
bsw@519:               }
jbe@945:               var approvalIndex = 0;
jbe@945:               var disapprovalIndex = 0;
jbe@945:               for (var j=0; j<sections.length; j++) {
jbe@945:                 var section = sections[j];
jbe@945:                 if (
jbe@945:                   section.className == "approval"    ||
jbe@945:                   section.className == "abstention"  ||
jbe@945:                   section.className == "disapproval"
jbe@945:                 ) {
jbe@945:                   var score;
jbe@945:                   if (section.className == "approval") {
jbe@945:                     score = approvalCount - approvalIndex;
jbe@945:                     approvalIndex++;
jbe@945:                   } else if (section.className == "abstention") {
jbe@945:                     score = 0;
jbe@945:                   } else if (section.className == "disapproval") {
jbe@945:                     score = -1 - disapprovalIndex;
jbe@945:                     disapprovalIndex++;
jbe@945:                   }
jbe@945:                   var entries = section.childNodes;
jbe@945:                   for (var k=0; k<entries.length; k++) {
jbe@945:                     var entry = entries[k];
jbe@945:                     if (entry.className == "movable") {
jbe@945:                       var id = entry.id.match(/[0-9]+/);
jbe@945:                       var field = document.createElement("input");
jbe@945:                       scoringString += id + ":" + score + ";";
jbe@945:                     }
jbe@945:                   }
bsw@519:                 }
bsw/jbe@5:               }
jbe@945:               var fields = form.childNodes;
jbe@945:               for (var j=0; j<fields.length; j++) {
jbe@945:                 var field = fields[j];
jbe@945:                 if (field.name == "scoring") {
jbe@945:                   field.setAttribute("value", scoringString);
jbe@945:                   if (jsTest) {
jbe@945:                     jsTestSuccess = success;
jbe@945:                     return;
jbe@945:                   } else {
jbe@945:                     form.submit();
jbe@945:                     return;
jbe@945:                   }
jbe@945:                 }
jbe@945:               }
jbe@945:               alert('Hidden input field named "scoring" not found.');
jbe@945:             });
jbe@945:           }, false);
jbe@945:         }
bsw@519:       }
jbe@945:       for (var i=0; i<elements.length; i++) {
jbe@945:         var element = elements[i];
jbe@945:         if (element.className == "voting_done1") {
jbe@945:           element.click();
jbe@945:         }
jbe@945:       }
jbe@945:       jsTest = false;
jbe@945:       if (!jsTestSuccess) jsFail = true;
jbe@945:     });
bsw@519:   }, false);
bsw@519:   function voting_moveUp(element) {
bsw@519:     return voting_move(element, true);
bsw/jbe@5:   }
bsw@519:   function voting_moveDown(element) {
bsw@519:     return voting_move(element, false);
bsw@519:   }
jbe@945: });