$(document).ready(function(){

	renderIconPicker(0, 'nil');

	$('.icon_list_item').live('mouseover', function(){
		$(this).css('border','1px white solid');
		$(this).css('background-color','#4C4E52');
	});
	$('.icon_list_item').live('mouseout', function(){
		$(this).css('border','1px gray solid');
		$(this).css('background-color','gray');
	});
	$('.icon_list_item, #icon_picker_use_default').live('click', function(){
		$(this).css('background-color','white');
		icon_name = $(this).attr('data-ryebox-icon-name');
		link_id = $(this).attr('data-ryebox-linkid');
		$.ajax({
			url: "rpc.php",
			data: "action=seticonpick&thecode=" + link_id + "&thename=" + icon_name,
			success: function(msg) {
				refreshLinkEntry(link_id);
			}
		});
		closeIconPicker();
	});
	$('.icon_pick_btn').live('mouseover', function(){
		$(this).css('border','1px white solid');
		$(this).css('background-color','#4C4E52');
	});
	$('.icon_pick_btn').live('mouseout', function(){
		$(this).css('border','1px gray solid');
		$(this).css('background-color','gray');
	});
	
	$('#item_icon').live('click', function(e){
		$('#icon_edit_box').css('left', (e.clientX-200)+"px");
		$('#icon_edit_box').css('top', (e.clientY-100)+"px");
	});
	
	$('#icon_edit_box').draggable();
	
});

var icon_list = new Array (
"64_bit.png",
"address_books.png",
"advanced.png",
"applications.png",
"archive.png",
"back_alt.png",
"burn.png",
"calculator.png",
"cash.png",
"color.png",
"computer_on.png",
"computer.png",
"copy_doc.png",
"credit_card.png",
"delete_archive.png",
"desktop_2.png",
"down_alt.png",
"edit.png",
"ekisho_deep_ocean_hd1.png",
"exclamation.png",
"exit.png",
"folder_smart.png",
"folder.png",
"forward_all.png",
"forward_alt.png",
"forward_button_white.png",
"forward_button.png",
"forward.png",
"generalpreferences.png",
"globe.png",
"graphite_computer_on.png",
"graphite_desktop.png",
"graphite_globe.png",
"heineken.png",
"help.png",
"ichat.png",
"info.png",
"install.png",
"intel_2.png",
"intel.png",
"iphone.png",
"keyboard.png",
"library_bookmarked.png",
"lock.png",
"minus_white.png",
"minus.png",
"monitor.png",
"moon_2.png",
"moon_3.png",
"movies_alt.png",
"movies.png",
"music_2.png",
"music.png",
"new_archive.png",
"new_doc.png",
"new_mail.png",
"notebook.png",
"open_alt.png",
"pause.png",
"picture_cast.png",
"picture.png",
"play.png",
"plus.png",
"podcast.png",
"public.png",
"record.png",
"refresh.png",
"remove.png",
"rewind_button_white.png",
"rewind_button.png",
"rss_alt.png",
"rss.png",
"search.png",
"send.png",
"server.png",
"smiley_sad.png",
"smiley.png",
"splash_green.png",
"star.png",
"stop_2.png",
"stop_alt.png",
"stop.png",
"sun_2.png",
"sun.png",
"terminal.png",
"trash_full.png",
"trash.png",
"unarchive.png",
"universal.png",
"unread_mail.png",
"up_alt.png",
"user.png",
"users.png",
"window.png",
"zoom_in.png",
"zoom_out.png"
);

function editIcon(id) {
	$.getJSON("rpc.php?action=getbookmark&thecode=" + id + "&thename='nil'",
		function(msg) {
			renderIconPicker(msg['id'], msg['url_title']);
			$('#icon_edit_box').slideDown('fast');
		}
	);
}

function closeIconPicker() {
	$('#icon_edit_box').slideUp('fast');
}

function renderIconPicker (id, title) {
	fullHTML = "<div style='font-size:18px;color:white;text-align:left;margin:5px;text-shadow: 1px 1px 2px black;'><img height='18' width='10' src='images/drag_texture.png' style='vertical-align:text-bottom;margin-right:5px;'>"+title+"</div>";
	for (x in icon_list) {
		fullHTML += '<img data-ryebox-linkid="'+id+'" data-ryebox-icon-name="'+icon_list[x]+'" class="icon_list_item" style="border:1px gray solid;-moz-border-radius:5px;border-radius:5px;padding:4px;" src="images/fav/iconpicks32w/'+icon_list[x]+'">';
	}
	fullHTML += '<a class="icon_pick_btn" id="icon_picker_use_default" data-ryebox-linkid="'+id+'" data-ryebox-icon-name="default" style="display:block;border:1px gray solid;padding:5px;text-decoration:none;text-shadow: 1px 1px 2px black;color:white;-moz-border-radius:5px;border-radius:5px;" href="#">Use default icon</a>';
	fullHTML += '<a class="icon_pick_btn" style="display:block;border:1px gray solid;padding:5px;text-decoration:none;color:white;-moz-border-radius:5px;text-shadow: 1px 1px 2px black;border-radius:5px;" href="#" onclick="closeIconPicker();">Cancel</a>';
		$('#icon_edit_box').html(fullHTML);
}