<?php include_once('view/gd_header.php');?>

<script src="assets/js/jquery-1.10.2.js"></script>
<script src="assets/js/jquery-ui.js"></script>
<link rel="stylesheet" href="assets/css/jquery-ui.css">
<style>
#sortable-list { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#sortable-list tr { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }

</style>
  
<script>

  /* when the DOM is ready */
jQuery(document).ready(function() {
	/* grab important elements */
	var sortInput = jQuery('#sort_order');
	var messageBox = jQuery('#errbannerName');
	var list = jQuery('#sortable-list');
	/* create requesting function to avoid duplicate code */
	var request = function() {
		jQuery.ajax({
			data: 'sort_order=' + sortInput[0].value + '&do_submit=1&byajax=1', //need [0]?
			type: 'post',
			url: 'query.php',
			beforeSend: function() {
				messageBox.text('Updating the sort order in the database.');
			},
			complete: function(data) {
				messageBox.text('Database has been updated.');
			}
		});
	};
	/* worker function */
	var fnSubmit = function(save) {
		var sortOrder = [];
		list.children('li').each(function(){;
			sortOrder.push(jQuery(this).data('id'));
		});
		sortInput.val(sortOrder.join(','));
		request();
	};
	/* store values */
	list.children('li').each(function() {
		var li = jQuery(this);
		li.data('id',li.attr('title')).attr('title','');
	});
	/* sortables */
	list.sortable({
		opacity: 0.7,
		update: function() {
			fnSubmit();
		}
	});
	list.disableSelection();
	/* ajax form submission */
	jQuery('#learn_form').bind('submit',function(e) {
		if(e) e.preventDefault();
		fnSubmit(true);
	});
});

  </script>  
  
<form id="learn_form" name="learn_form" method="post" action="controller/highlightController.php" enctype="multipart/form-data">

 <input type="hidden" name="pageMode" id="pageMode" value="<?php echo $_SESSION['pageMode']; ?>"/>

 <input type="hidden" name="statusMode" id="statusMode"/>



<div style="padding:15px 0px;">

      <div class="fleft">

        <h2><?php echo ($pagetitle); ?></h2>

      </div>

    

      <div class="actionbox fright">


    </div>
    
    <div>
                  <p><span id="errbannerName" class=""></span></p>

     </div>

    <?php

	if($_SESSION['sErrMSG'] != '') { ?>

                <div id="<?php echo $_SESSION['sErrMSGType']; ?>">

                  <script>setTimeout("hideErrDiv('<?php echo $_SESSION['sErrMSGType']; ?>')", 3000);</script>

                  <p><span id="errbannerName" class="<?php echo $_SESSION['sErrMSGType'] ?> "></span> <?php echo $_SESSION['sErrMSG']; unset($_SESSION['sErrMSG']); unset($_SESSION['sErrMSGType']); ?> </p>

                </div>

    <?php } ?>     

      <div class="clear"></div>

    </div>

<div class="projectlist">
<!--
      <table  width="440" border="0" cellspacing="0" cellpadding="0">

        <tr>

         <th width="15"><input type="checkbox" name ="checkbox_id[]" id="checkbox_id"  onclick="return checkBoxController(this.form,'checkbox_id[]',this.checked);"/></th>

          <th width="200">Title &nbsp;

          <th>Image</th>

		  <th>List Priority?</th>
        

        </tr>
		</table>-->
        
                 <?php 

				 if(sizeof($resultValues) > 0)
				  { ?>
				  <ul id="sortable-list">
                   
				  <?php 
				  for($i=0;$i<sizeof($resultValues);$i++){
					$order[] = $resultValues[$i]['id'];		  
				 ?>
				
               
                	<li class="ui-state-default" id="<?php echo $resultValues[$i]['sort_order'];?>" title="<?php echo $i+1;?>">
                    <?php echo $resultValues[$i]['title'];?>
                    </li>



                    <?php } ?>
                    </ul><?php } else { ?>

                   <table width="100%">

                   <tr><td align="center"><font size="3" color="#336699"><b>Sorry no records found..</b></font></td></tr>



                   </table> <?php } ?>

      </table>

    </div>

   <div class="page-right"><?php echo $_SESSION['sPagingRes']; ?> </div>
	 <input type="hidden" name="sort_order" id="sort_order" value="<?php echo implode(",",$order);?>">
</form>



<?php include_once('view/gd_footer.php');?>