var msgTimeout=5000;
$(document).ready(function(){MakeListEditable(); });

function MakeListEditable(){
var list=$("#ulThumbnailList");
list.sortable({opacity:0.7,revert:true,scroll:true,handle: $(".imagecontainer").add(".imagecontainer a img")});

$(".photolistitem div[id$=Notes]").makeEditable({
	textMode:"multiline",
	editMode:"html",
	editClass:"captionedit",
	updatedColor:"green",
	editMode:"text"}).css("opacity",0.8).addClass("captiondisplay");

$(".photolistitem").hover(function(e){
	$(this).find(".deletethumbnail").show().bind("click",DeletePhoto);
	},function(e){$(this).find(".deletethumbnail").hide().unbind("click",DeletePhoto);});

}

function SavePhotos() {
	var d = new Date();
	var TimeCurrent = d.getTime();
	var UserID = $("input[name='c[UserID]']").attr("value");
	var ItemID = $("input[name='c[ItemID]']").attr("value");
    var items = $(".photolistitem");
    var ImgNum = items.length;
    var photos = [];
 
    for(var x=0; x<items.length; x++)
    {
        var photo = {}
        photo.id = items[x].id;             
        photo.notes = textFromHtml( $(items[x]).find("div[id$=Notes]").html() );               
        photos.push(photo);
    }
 
	var dataString = $.toJSON(photos);

	//Server to process subsequent requests thus dummy time based value to be included
	$.ajax({
		type: "POST",
		url: "index.php?ajax=1&task=ImageEdit",
		data: "timecurrent=" + TimeCurrent + "&user=" + UserID + "&item=" + ItemID + "&imgnum=" + ImgNum + "&photos=" + dataString,
        async: false
	});

	window.location = "https://www.vadill.no/index.php?a=ItemDisplay&item=" + ItemID
}

function DeletePhoto(e) {
	var jItem=$(this).parent();
	jItem.remove();
}

function textFromHtml(html) {
    html=html.replace(/'/g,"apostrophe");
    html=html.replace(/"/g,"");
    html=html.replace(/<br.*?>/g,"#CR#");
	html=$("<div>"+html+"</div>").text();
	html=html.replace(/#CR#/g,"\r\n");
	return html;
}