function submitForm(siteurl)
{
	flickr_user=$("#flickid").val();
	$("#akloader").show();
	switchWindow();
	$.post(siteurl+"/wp-content/plugins/akWpUploader/upload.php", {akmodes:"getFlist",flickr_user_id:flickr_user}, function(str) 
	{
	   $("#akloader").hide();
	   $("#akimglist").html("");
	 
	   $.each(str.photos, function(i,item)
	   {
			$("<img/>").attr("src", item.src).attr("id", item.id).attr("border", "0").attr("alt", item.title).appendTo("#akimglist")
			  .wrap("<a href='" + item.url + "' title='"+item.title +"' style='margin:0 0 15px 15px' onClick=\"return showOptionsDiv("+item.id+", this.href,'"+siteurl+"');\"></a>");
			 
		});
	},"json");
}	

function showOptionsDiv(itemid,url,siteurl)
{
	$("#akimglist").hide();
	$("#akloader").show();
	$("#akImgOption").empty();
	var src=$("#"+itemid).attr("src");
	var title=$("#"+itemid).attr("alt");
	$.post(siteurl+"/wp-content/plugins/akWpUploader/upload.php", {akmodes:"getMeta",photo_id:itemid}, 
		function(str) 
		{

			$("#akloader").hide();
			$('<div id="file-title"><span><a onclick="return switchWindow();" href="#"> << Back </a> </span> <span style="font-weight:bold">'+ str.photo.title +'</span> </div>').appendTo("#akImgOption");
			
			$("<img/>").attr("src", str.photo.small).attr("border", "0").attr("alt", str.photo.title).appendTo("#akImgOption").wrap("<p></p>").wrap("<a href='" + url + "' title='"+str.photo.title +"' style='margin:0 0 15px 15px' target='_blank' ></a>");
			
			var tblstr='<p>  <span style="font-weight:bold">SHOW:</span><input type="radio" value="'+str.photo.Square+'"  name="akdisplay" checked/> Square <input type="radio" value="'+str.photo.thumb+'"  name="akdisplay" checked/> Thumbnail <input type="radio" value="'+str.photo.small+'"  name="akdisplay"/> Small <input type="radio" value="'+str.photo.medium+'"  name="akdisplay"/> Medium <input type="radio" value="'+str.photo.large+'"  name="akdisplay"/> Large <input type="radio" value="'+str.photo.original+'"  name="akdisplay"/> Original <br>  <span style="font-weight:bold">LINK:</span> <input type="radio" value="flickr" id="link-page" name="aklinkto" checked/> Flickr	<input type="radio" value="page" id="link-page" name="aklinkto"/> Page <input type="hidden" value="'+str.photo.desc+'" name="desc" id="img_desc"><input type="hidden" value="'+url+'"  id="img_flikr_url"><input type="button" value="Send to editor »" onclick="toEditor('+itemid+')" name="send" class="button"/> </p>'; 
			$(""+tblstr).appendTo("#akImgOption");
			$("#akImgOption").show();

		},"json");
	return false;
}	

function switchWindow(){
	$("#akimglist").show();$("#akImgOption").hide();return false;
}

function toEditor(imgid)
{

	switch($("input[@name='aklinkto']:checked").val())
	{	
		case "flickr":
			url="href='"+$("#img_flikr_url").val()+"'";
			break;
		case "page":
			break;
		default:
			url="href='"+$("#img_flikr_url").val()+"'";
	}
	h="<a "+ url +" title='"+$("#"+imgid).attr("alt")+"'><img src='"+$("input[@name='akdisplay']:checked").val()+"' alt='"+$("#"+imgid).attr("alt")+"'></a>";
	tinyMCE = window.tinyMCE;
	if ( typeof tinyMCE != "undefined" && tinyMCE.getInstanceById("content") ) {
		tinyMCE.selectedInstance.getWin().focus();
		tinyMCE.execCommand("mceInsertContent", false, h);
	} else
		window.edInsertContent(window.edCanvas, h);

	return false;
}