function addToolBarButtonsLibrary(aButtons) {
	var i,
		length = aButtons.length,
		libToolBar,
		html,
		buttonClass = '',
		DEFAULT_CLASS = 'ui-button ui-state-default',
		DISABLED_CLASS = 'ui-state-disabled';
	
	libToolBar = $(".library_toolbar");
	
	for ( i=0; i < length; i+=1 ) {
		buttonClass = '';
		
		//add disabled class if not enabled.
		if (aButtons[i][2] === false) {
			buttonClass+=DISABLED_CLASS;
		}
		
		html = '<div id="'+aButtons[i][1]+'" class="ColVis TableTools"><button class="'+DEFAULT_CLASS+' '+buttonClass+'"><span>'+aButtons[i][0]+'</span></button></div>';	
		libToolBar.append(html);
		libToolBar.find("#"+aButtons[i][1]).click(aButtons[i][3]);
	}
}

function enableGroupBtn(btnId, func) {
    btnId = '#' + btnId;
    if ($(btnId).hasClass('ui-state-disabled')) {
        $(btnId).removeClass('ui-state-disabled');
    }
}

function disableGroupBtn(btnId) {
    btnId = '#' + btnId;
    if (!$(btnId).hasClass('ui-state-disabled')) {
        $(btnId).addClass('ui-state-disabled');
    }
}

function checkImportStatus(){
    $.getJSON('/Preference/is-import-in-progress', function(data){
        var div = $('#import_status');
        if(data == true){
            div.css('visibility', 'visible');
        }else{
            div.css('visibility', 'hidden');
        }
    });
}

function addProgressIcon(id) {
	var tr = $("#au_"+id),
		span;
	
	span = tr.find("td.library_title").find("span");
	
    if (span.length > 0){	
        span.removeClass()
        	.addClass("small-icon progress");
    }
    else{
        tr.find("td.library_title")
        	.append('<span class="small-icon progress"></span>');
    }
}

function checkSCUploadStatus(){
	
    var url = '/Library/get-upload-to-soundcloud-status';
    
    $("span[class*=progress]").each(function(){
    	var span, id;
    	
        span = $(this);
        id = span.parentsUntil('tr').attr("id").split("_").pop();
       
        $.post(url, {format: "json", id: id, type:"file"}, function(json){
            if (json.sc_id > 0) {
                span.removeClass("progress")
                	.addClass("soundcloud");
                
            }
            else if (json.sc_id == "-3") {
                span.removeClass("progress")
                	.addClass("sc-error");
            }
        });
    });
}

function addQtipToSCIcons(){
    $(".progress, .soundcloud, .sc-error").live('mouseover', function(){
        var id = $(this).attr("id");
        if($(this).hasClass("progress")){
            $(this).qtip({
                content: {
                    text: "Uploading in progress..."
                },
                position:{
                    adjust: {
                    resize: true,
                    method: "flip flip"
                    },
                    at: "right center",
                    my: "left top",
                    viewport: $(window)
                },
                show: {
                    ready: true // Needed to make it show on first mouseover event
                }
            });
        }else if($(this).hasClass("soundcloud")){
            $(this).qtip({
                content: {
                    text: "Retreiving data from the server...",
                    ajax: {
                        url: "/Library/get-upload-to-soundcloud-status",
                        type: "post",
                        data: ({format: "json", id : id, type: "file"}),
                        success: function(json, status){
                            this.set('content.text', "The soundcloud id for this file is: "+json.sc_id);
                        }
                    }
                },
                position:{
                    adjust: {
                    resize: true,
                    method: "flip flip"
                    },
                    at: "right center",
                    my: "left top",
                    viewport: $(window)
                },
                show: {
                    ready: true // Needed to make it show on first mouseover event
                }
            });
        }else if($(this).hasClass("sc-error")){
            $(this).qtip({
                content: {
                    text: "Retreiving data from the server...",
                    ajax: {
                        url: "/Library/get-upload-to-soundcloud-status",
                        type: "post",
                        data: ({format: "json", id : id, type: "file"}),
                        success: function(json, status){
                            this.set('content.text', "There was error while uploading to soundcloud.<br>"+"Error code: "+json.error_code+
                                    "<br>"+"Error msg: "+json.error_msg+"<br>");
                        }
                    }
                },
                position:{
                    adjust: {
                    resize: true,
                    method: "flip flip"
                    },
                    at: "right center",
                    my: "left top",
                    viewport: $(window)
                },
                show: {
                    ready: true // Needed to make it show on first mouseover event
                }
            });
        }
    });
}

function fnCreatedRow( nRow, aData, iDataIndex ) {
	
	//call the context menu so we can prevent the event from propagating.
	$(nRow).find('td:not(.library_checkbox):not(.library_type)').click(function(e){
		var x;
		
		$(this).contextMenu();
		
		return false;
	});

	//add a tool tip to appear when the user clicks on the type icon.
	$(nRow.children[1]).qtip({
		content: {
			text: "Loading...",
			title: {
				text: aData.track_title
			},
			ajax: {
				url: "/Library/get-file-meta-data",
				type: "get",
				data: ({format: "html", id : aData.id, type: aData.ftype}),
				success: function(data, status) {
					this.set('content.text', data);
				}
			}
		},
		position: {
			my: 'left center',
            at: 'right center', // Position the tooltip above the link 
            viewport: $(window), // Keep the tooltip on-screen at all times
            effect: false // Disable positioning animation
        },
		style: {
			classes: "ui-tooltip-dark"
		},
		show: {
		    event: 'click',
		    solo: true // Only show one tooltip at a time
		},
		hide: 'mouseout',
		
	}).click(function(event) { 
		event.preventDefault();
		event.stopPropagation();
	});
}

/**
 * Updates pref db when user changes the # of entries to show
 */
function saveNumEntriesSetting() {
    $('select[name=library_display_length]').change(function() {
        var url = '/Library/set-num-entries/format/json';
        $.post(url, {numEntries: $(this).val()});
    });
}

/**
 * Use user preference for number of entries to show
 */
function getNumEntriesPreference(data) {
    return parseInt(data.libraryInit.numEntries, 10);
}

function createDataTable(data) {
	var oTable;
	
    oTable = $('#library_display').dataTable( {
		"bProcessing": true,
		"bServerSide": true,
		"sAjaxSource": "/Library/contents",
		"fnServerData": function ( sSource, aoData, testCallback ) {
    		aoData.push( { name: "format", value: "json"} );
			$.ajax( {
				"dataType": 'json',
				"type": "GET",
				"url": sSource,
				"data": aoData,
				"success": testCallback
			} );
		},
		"fnRowCallback": AIRTIME.library.events.fnRowCallback,
		"fnCreatedRow": fnCreatedRow,
		"fnDrawCallback": AIRTIME.library.events.fnDrawCallback,
		"fnHeaderCallback": function(nHead) {
			$(nHead).find("input[type=checkbox]").attr("checked", false);
		},
		
		"aoColumns": [
                /* Checkbox */      {"sTitle": "<input type='checkbox' name='pl_cb_all'>", "bSortable": false, "bSearchable": false, "mDataProp": "checkbox", "sWidth": "25px", "sClass": "library_checkbox"},
                /* Type */          {"sName": "ftype", "bSearchable": false, "mDataProp": "image", "sWidth": "25px", "sClass": "library_type"},
                /* Title */         {"sTitle": "Title", "sName": "track_title", "mDataProp": "track_title", "sClass": "library_title"},
                /* Creator */       {"sTitle": "Creator", "sName": "artist_name", "mDataProp": "artist_name", "sClass": "library_creator"},
                /* Album */         {"sTitle": "Album", "sName": "album_title", "mDataProp": "album_title", "sClass": "library_album"},
                /* Genre */         {"sTitle": "Genre", "sName": "genre", "mDataProp": "genre", "sClass": "library_genre"},
                /* Year */          {"sTitle": "Year", "sName": "year", "mDataProp": "year", "sClass": "library_year"},
                /* Length */        {"sTitle": "Length", "sName": "length", "mDataProp": "length", "sClass": "library_length"},
                /* Upload Time */   {"sTitle": "Uploaded", "sName": "utime", "mDataProp": "utime", "sClass": "library_upload_time"},
                /* Last Modified */ {"sTitle": "Last Modified", "sName": "mtime", "bVisible": false, "mDataProp": "mtime", "sClass": "library_modified_time"}
            ],
		"aaSorting": [[2,'asc']],
		"sPaginationType": "full_numbers",
		"bJQueryUI": true,
		"bAutoWidth": false,
        "oLanguage": {
            "sSearch": ""
        },
        "iDisplayLength": getNumEntriesPreference(data),

        // R = ColReorder, C = ColVis, T = TableTools
        "sDom": 'Rlfr<"H"T<"library_toolbar"C>>t<"F"ip>',
        
        "oTableTools": {
        	"sRowSelect": "multi",
			"aButtons": [],
			"fnRowSelected": function ( node ) {
                    
                //seems to happen if everything is selected
                if ( node === null) {
                	oTable.find("input[type=checkbox]").attr("checked", true);
                }
                else {
                	$(node).find("input[type=checkbox]").attr("checked", true);
                }
            },
            "fnRowDeselected": function ( node ) {
             
              //seems to happen if everything is deselected
                if ( node === null) {
                	oTable.find("input[type=checkbox]").attr("checked", false);
                }
                else {
                	$(node).find("input[type=checkbox]").attr("checked", false);
                }
            }
		},
		
        "oColVis": {
            "buttonText": "Show/Hide Columns",
            "sAlign": "right",
            "aiExclude": [0, 1],
            "sSize": "css",
            "bShowAll": true
		},
		
		"oColReorder": {
			"iFixedColumns": 2,
			"aiOrder": [ 0,1,2,3,4,5,6,7,8,9 ]
		}
		
    });
    oTable.fnSetFilteringDelay(350);
    
    AIRTIME.library.events.setupLibraryToolbar(oTable);
      
    $('[name="pl_cb_all"]').click(function(){
    	var oTT = TableTools.fnGetInstance('library_display');
    	
    	if ($(this).is(":checked")) {
    		oTT.fnSelectAll();
    	}
    	else {
    		oTT.fnSelectNone();
    	}       
    });
}

$(document).ready(function() {
    $('.tabs').tabs();
    
    $.ajax({url: "/Api/library-init/format/json", dataType:"json", success:createDataTable, 
        error:function(jqXHR, textStatus, errorThrown){}});
    
    checkImportStatus();
    //setInterval( "checkImportStatus()", 5000 );
    //setInterval( "checkSCUploadStatus()", 5000 );
    
    addQtipToSCIcons();
    
    $.contextMenu({
        selector: '#library_display td:not(.library_checkbox):not(.library_type)',
        trigger: "left",
        ignoreRightClick: true,
        
        build: function($el, e) {
    		var x, request, data, screen, items, callback, $tr;
    		
    		$tr = $el.parent();
    		data = $tr.data("aData");
    		screen = $tr.data("screen");
    		
    		function processMenuItems(oItems) {
    			
    			//define an edit callback.
    			if (oItems.edit !== undefined) {
    				
    				if (data.ftype === "audioclip") {
	    				callback = function() {
	    					document.location.href = oItems.edit.url;
						};
    				}
	    			else {
	    				callback = function() {
	    					AIRTIME.playlist.fnEdit(data.id);
						};
	    			}
    				oItems.edit.callback = callback;
    			}
    			
    			//define a delete callback.
    			if (oItems.del !== undefined) {
    				
    				//delete through the playlist controller, will reset
    				//playlist screen if this is the currently edited playlist.
    				if (data.ftype === "playlist" && screen === "playlist") {
    					callback = function() {
        					
        					if (confirm('Are you sure you want to delete the selected item?')) {
        						AIRTIME.playlist.fnDelete(data.id);
        				    }
    					};
    				}
    				else {
    					callback = function() {
        					var media = [];
        					
        					if (confirm('Are you sure you want to delete the selected item?')) {
        						
        						media.push({"id": data.id, "type": data.ftype});
        						$.post(oItems.del.url, {format: "json", media: media }, function(json){
        							var oTable, tr;
        							
        							oTable = $("#library_display").dataTable();
            						oTable.fnDeleteRow( $tr[0] );
        						});
        				    }
    					};
    				}
    				
    				oItems.del.callback = callback;
    			}
    			
    			//define a download callback.
    			if (oItems.download !== undefined) {
    				
    				callback = function() {
    					document.location.href = oItems.download.url;
					};
    				oItems.download.callback = callback;
    			}
    			//add callbacks for Soundcloud menu items.
    			if (oItems.soundcloud !== undefined) {
    				var soundcloud = oItems.soundcloud.items;
    				
    				//define an upload to soundcloud callback.
    				if (soundcloud.upload !== undefined) {
    					
    					callback = function() {
	    					$.post(soundcloud.upload.url, function(){
	    						addProgressIcon(data.id);
	    					});
    					};
    					soundcloud.upload.callback = callback;
    				}
    				
    				//define a view on soundcloud callback
    				if (soundcloud.view !== undefined) {
    					
    					callback = function() {
	    					window.open(soundcloud.view.url);
    					};
    					soundcloud.view.callback = callback;
    				}
    			}
    		
    			items = oItems;
    		}
    		
    		request = $.ajax({
			  url: "/library/context-menu",
			  type: "GET",
			  data: {id : data.id, type: data.ftype, format: "json", "screen": screen},
			  dataType: "json",
			  async: false,
			  success: function(json){
				  processMenuItems(json.items);
			  }
			});

            return {
                items: items,
                determinePosition : function($menu, x, y) {
                	$menu.css('display', 'block')
                		.position({ my: "left top", at: "right top", of: this, offset: "-20 10", collision: "fit"})
                		.css('display', 'none');
                }
            };
        }
    });
});