$(document).ready(function(){
    $("#brickstock .brickitem").draggable({helper:'clone'});
    $("#brickwall").droppable({
       accept: ".brickitem",
       activeClass: 'droppable-active',
       hoverClass: 'brickwall-hover',
       drop: function(ev, ui) {
         $('#boxy').dialog({resizable: false });
         $('#boxy').dialog('open');
         var el = $(ui.draggable).clone();
         $("#brickwall .first").prepend(el);
         $('#boxy').bind('dialogclose', function(event, ui) {
           el.fadeOut("slow");
         });
       }
    });
    var next_page = 0;
    var prev_page = 0;
    function show_popup(item) {
         var box = $('<div id="d-'+item.n+'" title="Donation details" class="ui-widget-overlay"></div>');

         html  = '<table width="100%">';
         html += '<tr><td width="60px;">Name :</td><td>'+item.n+'</td></tr>';
         if (item.w != null )
		  if (item.w != "")
          {  	
           var url = item.w;
		   url = url.replace("http","");
		   url = url.replace("//","");
		   url = url.replace(":","");
		   url = url.replace("www.","");		   
		   url = "http://www." + url;
		   html += '<tr><td>Website :</td><td><a href="'+url+'">'+url+'</a></td></tr>';
		  }
      // html += '<tr><td>Amount :</td><td>$&nbsp;'+item.a+'</td></tr>';
         html += '<tr><td colspan="2">Message:</td></tr><tr><td colspan="2">'+item.d+'</td></tr>';
         html += '</table>';
         box.html(html);
         box.dialog({resizable: false }).dialog('open');
    }
    function load_wall(list) {
    $.ajax({
        url: 'index.php?list='+list,
        type: 'GET',
        dataType: 'json',
        timeout: 50000,
        beforeSend: function(){
            $("#brickwall").empty();
            $("#brickwall").addClass('loading');
        },
        error: function(){
            alert('Error loading XML document');
        },
        success: function(data){
            $("#brickwall").removeClass('loading');
            next_page = data.next;
            if (data.next > 0) { $("#b_next").css({'display':'block'}); } else { $("#b_next").css({'display':'none'}); }
            if (data.prev >= 0) { $("#b_prev").css({'display':'block'}); } else { $("#b_prev").css({'display':'none'}); }
			$("#b_page").html(data.page);
            $.each(data.rows, function(i,row){
              var cls = 'even';
              if (row.odd) { cls = 'odd'; }
              if (row.first) { cls += ' first';}
              var newrow  = $('<div class="'+ cls +'"></div>');
              $.each(row.items, function(i,item){
  			    var nr=Math.floor(Math.random()*3)+1;
                var brick = $('<div class="brickitem br'+nr+'"></div>');
                var link  = $('<a href="#" class="tooltip" title="Click to see the donation details">'+ item.n +'</a>');
                link.click(function() { show_popup(item); return false; });
                brick.append(link)
                newrow.prepend(brick);
              });
              var clear = $('<div class="clearfix"></div>');
              newrow.append(clear);
              $("#brickwall").prepend(newrow);
            });
        }

    });
    }
    $("#b_next").css({'display':'none'}).click(function() { load_wall(next_page); });
    $("#b_prev").css({'display':'none'}).click(function() { load_wall(prev_page); });
    load_wall(0);

    var searchtxt = 'Search';
    function do_search(query) {
         $.ajax({
            url: 'index.php?squery='+query,
            type: 'GET',
            dataType: 'json',
            timeout: 20000,
            beforeSend: function(){$("#brickwall").empty();$("#brickwall").addClass('loading'); },
            error: function(){alert('Error loading data');},
            success: function(data){
                $("#brickwall").removeClass('loading');
                next_page = data.next;
                if (data.next > 0) { $("#b_next").css({'display':'block'}); } else { $("#b_next").css({'display':'none'}); }
                if (data.prev >= 0) { $("#b_prev").css({'display':'block'}); } else { $("#b_prev").css({'display':'none'}); }
    			$("#b_page").html(data.page);
                if (data.rows.length > 0) {
                $.each(data.rows, function(i,row){
                  var cls = 'even';
                  if (row.odd) { cls = 'odd'; }
                      if (row.first) { cls += ' first';}
                  var newrow  = $('<div class="'+ cls +'"></div>');
                  $.each(row.items, function(i,item){
      			    var nr=Math.floor(Math.random()*3)+1;
                    var brick = $('<div class="brickitem br'+nr+'"></div>');
                    var link  = $('<a href="#" class="tooltip" title="Click to see the donation details">'+ item.n +'</a>');
                    link.click(function() { show_popup(item); return false; });
                    brick.append(link)
                    newrow.prepend(brick);
                  });
                  var clear = $('<div class="clearfix"></div>');
                  newrow.append(clear);
                  $("#brickwall").prepend(newrow);
                  var message = $('<div class="errmessage"><center><h3>Please click <a href="index.php">here</a> to return to the home page.</h3></center></div>');
                  $("#brickwall").prepend(message);
                });
            } else {
               var message = $('<div class="errmessage"><center><br /><br /><h2>Nothing found using you search criteria</h2><br /><h3>Please click <a href="index.php">here</a> to to return to the home page.</h3></center></div>');
               $("#brickwall").prepend(message);
            }
                }
            });
    }

    $("#do_search").click(function(){
	    if (this.value == searchtxt) this.value = ''
    }).blur(function(){
        if (this.value == '') this.value = searchtxt
    }).keydown(function(e) {
		if (e.keyCode == 13) {
		  var query = this.value;
		  if (query.length >= 3) do_search(query);
          return false;
		}
    }).keyup(function(e) {
		if (e.keyCode == 0 || e.keyCode == 17 || e.keyCode == 18 || e.keyCode == 224 ) return false;
    }).attr('value',searchtxt);
    $("#do_search_submit").click(function() {
        var query =  $("#do_search").attr("value");
        if (query.length >= 3 && query != searchtxt ) {
           do_search(query);
        } else {
          alert("The Search criteria should be at least 3 characters long");
        }
        return false;
    });
});