var $ = jQuery.noConflict();

var default_droppable_message = "<br/>Drag an artist to an album to associate them.<br/><br/>";

$(document).ready(function() {

        jQuery('#upload_song_button').click(function() {
                formfield = jQuery('#url').attr('name');
                tb_show('', 'media-upload.php?type=audio&TB_iframe=true');
                return false;
        });

        window.send_to_editor = function(html) {
                audiourl = jQuery(html).attr('href');
                jQuery('#url').val(audiourl);
                tb_remove();
        }

  if ( $( "#songsTable" ).length != 0 ) {

      function addSong(number, artist_id, name, url, price, explicit) {
          var data_add = {
                  action: 'Create_Song',
		  number: number,
		  artist_id: artist_id,
                  song_name: name,
                  url: url,
                  price: price,
		  explicit: explicit
          };

          $.post(ajaxurl, data_add, function(response) {
              if($.isNumeric(response)) {
                  // song was just added successfully
                return response; // TODO: make the id of newly added song
              } else {
                  alert('Got this from the server: ' + response);
              }
          });
      }

      function updateSong(song_id, number, artist_id, name, url, price, explicit) {
          var data_update = {
              action: 'Update_Song',
	      song_id: song_id,
	      number: number,
              artist_id: artist_id,
              song_name: name,
              url: url,
              price: price,
	      explicit: explicit
          };

          $.post(ajaxurl, data_update, function(response) {
              if(response === '1') {
              } else {
                  alert('Got this from the server: ' + response);
              }
          });
      }

      function editSong(song_id) {
          var data_edit = {
                  action: 'Edit_Song',
                  song_id: song_id
          };

          $.post(ajaxurl, data_edit, function(response) {
              var res = response.split("##$$##");
              
              $( "#dialog-form" ).dialog( "open" );
              $( "#id" ).val(res[0]);
	      $( "#number" ).val(res[1]);
	      $( "#artist_id" ).val(res[2]);
              $( "#name" ).val(res[3]);
              $( "#url" ).val(res[4]);
              $( "#price" ).val(res[5]);
	      $( "#explicit" ).val(res[6]);

          });
      }

      function delSong(song_id) {
          var data_delete = {
                  action: 'Delete_Song',
                  song_id: song_id
          };

          // since 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php
          $.post(ajaxurl, data_delete, function(response) {
              if(response === '1') {
                   // drop table if deleted from database
                  $( '#delete_' + song_id ).parent().parent().parent().hide('explode', '1000').remove();

                   //reapply zebra rows
                  $('.visible td').removeClass('odd');
                  zebraRows('.visible:odd td', 'odd');
              } else {
                  alert('Got this from the server: ' + response);
              }
          });
      }

      $( ".edit_button" ).button({
          text: true,
          icons: {
              primary: "ui-icon-pencil"
          }
      }).click(function() {
          var id = $( this ).attr('id').replace('edit_', '');
          editSong(id);
      });

      $( ".delete_button" ).button({
          text: true,
          icons: {
              primary: "ui-icon-trash"
          }
      }).click(function() {
           // show alert to verify whether we are really wanting to delete this album
          if ( confirm('Are you sure you want to delete that song?  Also deletes all references to this song in the Discography.') ) {
              var id = $( this ).attr('id').replace('delete_', '');

              delSong(id);
          }
      });

      zebraRows('tbody tr:odd td', 'odd');

      $('tbody tr').hover(function(){
          $(this).find('td').addClass('hovered');
      }, function(){
          $(this).find('td').removeClass('hovered');
      });

      //default each row to visible
      $('tbody tr').addClass('visible');

      $('#filter').show();

      $('#filter').keyup(function(event) {
           //if esc is pressed or nothing is entered
          if (event.keyCode == 27 || $(this).val() == '') {
               //if esc is pressed we want to clear the value of search box
              $(this).val('');

               //we want each row to be visible because if nothing   
               //is entered then all rows are matched.   
              $('tbody tr').removeClass('visible').show().addClass('visible'); 
          } else { //if there is text, lets filter
              filter('tbody tr', $(this).val());
          }

           //reapply zebra rows
          $('.visible td').removeClass('odd');
          zebraRows('.visible:odd td', 'odd');
      });

      // ***** START SORTING CODE ********/
    //grab all header rows   
    $('thead th').each(function(column) {   
      $(this).addClass('sortable').click(function(){   
        var findSortKey = function($cell) {   
          return $cell.find('.sort-key').text().toUpperCase() + ' ' + $cell.text().toUpperCase();   
        };   
        var sortDirection = $(this).is('.sorted-asc') ? -1 : 1;   
      
        //step back up the tree and get the rows with data   
        //for sorting   
        var $rows = $(this).parent().parent().parent().find('tbody tr').get();   
      
        //loop through all the rows and find   
        $.each($rows, function(index, row) {   
          row.sortKey = findSortKey($(row).children('td').eq(column));   
        });   
      
        //compare and sort the rows alphabetically   
        $rows.sort(function(a, b) {   
            if (a.sortKey < b.sortKey) return -sortDirection;   
            if (a.sortKey > b.sortKey) return sortDirection;   
            return 0;   
        });   
      
        //add the rows in the correct order to the bottom of the table   
        $.each($rows, function(index, row) {   
            $('tbody').append(row);   
            row.sortKey = null;   
        });   
      
        //identify the column sort order   
        $('th').removeClass('sorted-asc sorted-desc');   
        var $sortHead = $('th').filter(':nth-child(' + (column + 1) + ')');   
        sortDirection == 1 ? $sortHead.addClass('sorted-asc') : $sortHead.addClass('sorted-desc');   
      
        //identify the column to be sorted by   
        $('td').removeClass('sorted')   
                      .filter(':nth-child(' + (column + 1) + ')')   
                      .addClass('sorted');   
        
          $('.visible td').removeClass('odd');   
          zebraRows('.visible:even td', 'odd');   
        });
      });
  }

  if ( $( "#dialog-form" ).length != 0) {
    // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
    $( "#dialog:ui-dialog" ).dialog( "destroy" );

    var id = $( "#id" ),
     number = $( "#number" ),
     artist_id = $( "#artist_id" ),
     name = $( "#name" ),
     url = $( "#url" ),
     price = $( "#price" ),
     explicit = $( "#explicit" ),
     allFields = $( [] ).add( id ).add( number ).add( artist_id ).add( name ).add( url ).add( price ).add( explicit ),
     tips = $( ".validateTips" );

    function updateTips( t ) {
     tips
      .text( t )
      .addClass( "ui-state-highlight" );
     setTimeout(function() {
      tips.removeClass( "ui-state-highlight", 1500 );
     }, 500 );
    }

    function checkLength( o, n, min, max ) {
      if ( o.val().length > max || o.val().length < min ) {
        o.addClass( "ui-state-error" );
        updateTips( "Length of " + n + " must be between " + min + " and " + max + "." );
        return false;
      } else {
        return true;
      }
    }

    $( "#dialog-form" ).dialog({
      autoOpen: false,
      show: "implode",
      hide: "explode",
      height: 500,
      width: 350,
      modal: true,
      buttons: {
        "Save": function() {
          var result = false, bValid = true;
          allFields.removeClass( "ui-state-error" );

          bValid = bValid && checkLength( name, "name", 3, 100 );

          if ( id.val() === '' && bValid ) {
            id = addSong(number.val(), artist_id.val(), name.val(), url.val(), price.val(), explicit.val());
//            $( "#songTable tbody" ).append( "<tr>" + "<td align='center'>" + id.val() + "</td><td align='center'><a href='" + url.val() + "' target='_blank'><img src='" + picture_url.val() + "' height='75' width='75' /></a></td><td align='center'><a href='" + url.val() + "' target='_blank'>" + name.val() + "</a></td><td align='center'>0</td><td align'center'>Pending Creation...</td></tr>" );

            zebraRows('tbody tr:odd td', 'odd');
            $( this ).dialog( "close" );
          } else {
            result = updateSong(id.val(), number.val(), artist_id.val(), name.val(), url.val(), price.val(), explicit.val());
            $( this ).dialog( 'close' );
            location.reload();
          }
        },
        Cancel: function() {
          $( this ).dialog( "close" );
        }
      },
      close: function() {
        allFields.val( "" ).removeClass( "ui-state-error" );
	zebraRows('.visible:even td', 'odd');
      }
    });

    $( "#create-song" )
      .button()
      .click(function() {
        $( "#dialog-form" ).dialog( "open" );
      });
  }
});

 //used to apply alternating row styles
function zebraRows(selector, className)
{
  $(selector).removeClass(className).addClass(className);
}

 //filter results based on query   
function filter(selector, query) {
  query = $.trim(query); //trim white space
  query = query.replace(/ /gi, '|'); //add OR for regex query

  $(selector).each(function() {
    ($(this).text().search(new RegExp(query, "i")) < 0) ? $(this).hide().removeClass('visible') : $(this).show().addClass('visible');
  });
}