function social_links_ajax_saveOrder(){
	//jQuery('sortOrderData').value = jQuery("").serialize("displayDiv");
}

function onTextKeyDown(){
	// if(event.keyCode == 13){
		// social_links_ajax_addNetwork(
			// document.getElementById('networkDropdown').selectedIndex - 1,
			// document.getElementById('addSettingInput'),
			// document.getElementById('responseDiv')
		// );
	// }
}

function onDropToTrash(e, ui){
	var span = jQuery(ui.draggable)[0]; 
	if(span){
		var networkId = span.id.split('_')[1];
		social_links_ajax_delete_network(networkId);
		span.parentNode.removeChild(span);
	}
	
}

function addLoadingIcon(){
	var img = jQuery("<span id='loadingImage' class='linkWrapper' title='loading' style='postiion:relative'><img src='/wp-content/plugins/social-links/images/ajax-loader.gif' style='margin:2px'></img></span>");
	// Builder.node('span',{
						// id:'loadingImage',
						// className:'linkWrapper',
						// title:'Loading',
						// style:'position:relative;'},
						// Builder.node('img',{src:'/wp-content/plugins/social-links/images/ajax-loader.gif',style:'margin:2px'},''));
	//console.log(img);
	jQuery('displayDiv').add(img);
}

function imageSelected(icon){

   var selectedIcon = jQuery("#selectedIcon");
   selectedIcon.attr("src",  jQuery(icon).attr("src"))
   selectedIcon.show();

}

function social_links_ajax_addNetwork(){
   var icon = jQuery("#selectedIcon").attr("src");
   var url = jQuery("#url");
   var display = jQuery("#display");
   
   if(!inputValid(icon,url,display)){
      return;
   }

   icon = getFilename(icon);
   
	addLoadingIcon();

 	var mysack = new sack(getWordpressBaseLocation()+"wp-admin/admin-ajax.php" );    
	
	//console.log('Adding network '+siteID+ ': '+textInput);
	
	mysack.execute = 1;
	mysack.method = 'POST';
	mysack.setVar( "action", "social_links_add_network" );
	mysack.setVar( "icon", icon );
	mysack.setVar( "url", url.value );
	mysack.setVar( "displayname", display.value );
	mysack.encVar( "cookie", document.cookie, false );
	mysack.onError = function() { alert('Ajax error while adding new network' )};
	mysack.runAJAX();
	
	
  	return true;

}

function inputValid(icon,url,display){
   if(!icon || url.val().length == 0 || display.val().length == 0){
      jQuery("#messageText").text("Please select an icon, and fill all information.");
      //jQuery("#message").class="updated fade";
      jQuery("#message").show();
      return false;
   }
   return true;
}

function social_links_ajax_delete_network(linkId){
	
	var mysack = new sack(getWordpressBaseLocation()+"wp-admin/admin-ajax.php" );    

	mysack.execute = 1;
	mysack.method = 'POST';
	mysack.setVar( "action", "social_links_delete_network" );
	mysack.setVar( "linkId", linkId );
	mysack.encVar( "cookie", document.cookie, false );
	mysack.onError = function() { alert('Ajax error while adding new network' )};
	
	mysack.runAJAX();
	
	//createSortables();
	
	return true;
}

function social_links_ajax_migrateData(){

 var mysack = new sack(getWordpressBaseLocation()+"wp-admin/admin-ajax.php" );

	//console.log('Adding network '+siteID+ ': '+textInput);

	mysack.execute = 1;
	mysack.method = 'POST';
	mysack.setVar( "action", "social_links_migrate" );
	mysack.encVar( "cookie", document.cookie, false );
	mysack.onError = function() { alert('Ajax error while adding new network' )};
	mysack.runAJAX();


  	return true;

}

function createSortables(){
	//Sortable.destroy('displayDiv');
	//Sortable.destroy('trash');

	/*targets = $$('.drop_target');
		Sortable.create('trash',{tag:'span',containment:targets,constraint:false,dropOnEmpty:true,
		onUpdate: function(){
			onDropToTrash();
		}
	});
	Sortable.create('displayDiv',{tag:'span',containment:targets,overlap:'horizontal',constraint:false});
	*/
	
	jQuery(document).ready(function() {
		console.log('doc ready');
		//jQuery("#displayDiv span").draggable();
		jQuery("#displayDiv").sortable({
			update: function(event, ui){
					var order = jQuery('#displayDiv').sortable('serialize');
					jQuery('sortOrderData').val(order);
					console.log(order);
				}
		});
		jQuery("#trash").droppable ({
			drop: onDropToTrash
		});

	});
	
}

function getWordpressBaseLocation(){ 
   var callBack = jQuery('#callBackUrl').val();
   return callBack.split('wp-content/')[0];
}

function getFilename(str) {
var slash = '/'
if (str.match(/\\/)) {
      slash = '\\'
}
sURL = str.substring(str.lastIndexOf(slash) + 1, str.length)
return sURL
}