this is all of the javascript;
PHP Code:
function HideDivs(){
if(CountSelectedImages() > 1){
// hide all divs not selected.
var divs=document.getElementsByTagName("div")
for (var i = 3; i < divs.length; i++) { // skip first 3
divs[i].style.display=divs[i].children[0].children[0].checked?"block":"none";
}
$(".DragDropNotice").text("Drag and Drop images to set display order."); // display notice
$('input:checkbox').hide(); // hide all checkboxes after selection
$(function() {
$( ".column" ).sortable({
connectWith: ".column"
});
$( ".portlet" ).addClass( "ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" )
.find( ".portlet-header" )
.addClass( "ui-widget-header ui-corner-all" )
.prepend( "<span class='ui-icon ui-icon-minusthick'></span>")
.end()
.find( ".portlet-content" );
$( ".portlet-header .ui-icon" ).click(function() {
$( this ).toggleClass( "ui-icon-minusthick" ).toggleClass( "ui-icon-plusthick" );
$( this ).parents( ".portlet:first" ).find( ".portlet-content" ).toggle();
});
$( ".column" ).disableSelection();
});
} else {
alert("You must select atleast one image to continue.");
}
}