var style = "";
var memorialId = -1;
var userId = '';
var viewAllCandles = "/candle/list.do" + memorialId;
var viewAllCondolences = "condolence/list.do" + memorialId;
var viewCandle = "/candle/view.do";
var viewCondolence = "/condolence/view.do";

function retrieveCondolences(){
	MemorialService.listCondolencesByMemorialId(memorialId, populateCondolences);
}

function populateCondolences(data){
	if(data == "" || data.empty){
		document.getElementById("shareMemoryList").innerHTML = "<div class='submitMessage'>Be the first to add a condolence.</div>";
	}else{
		addCondolence(data);
	}
	setTimeout('retrieveCondolences()', 30000);
}

//id 1 is a condolence
//id 2 is a candel
/**
<div class="listIcon"><img src="<c:url value='/css/templateStyles/Hill/images/LACicon.gif'/>" /></div>
<div class="listItem">
	<span class="listItemName">Pam Johnson</span><br/>
	<span class="listItemDate">03/20/2007</span><br/>
	<span class="listItemDetail">n quis ligula eu urna sodales eleifend. Lorem ipsum dolor sit amet, consectetuer.</span><br/>
</div>
**/
function addCondolence(condolences){
	var condolenceContainer = document.getElementById("shareMemoryList");
	condolenceContainer.innerHTML = "";
	for(var i=0;i<condolences.length && i<6;i++){
		var isCond = isCondolence(condolences[i]);
		var condolence = document.createElement("div");
		condolence.setAttribute("class", "condolence");
		condolence.setAttribute("className", "condolence");
		//name
		var message = condolences[i].message;
		var date = "<span class='listItemDate'>" +condolences[i].createdDateFormatted + "</span><br>";
		var icon = "";
		var name = "";
		var link = "";
		if(isCond){
			icon = "<img src='"+condolenceIcon+"'>";
			name = "<span class='listItemDetail'>" + condolences[i].user.firstName + " " + condolences[i].user.lastName + "</span><br/>";
			link = "<a href='"+viewAllCondolences+"#"+condolences[i].id+"'> <span style='font-size:10px;text-decoration:underline;'>...read more</span></a>";
		}else{
			icon = "<img src='"+candleIcon+"'>";
			name = "<span class='listItemDetail'>" + condolences[i].submitterName + "</span><br/>";
			link = "<a href='"+viewAllCandles+"#"+condolences[i].id+"'> <span style='font-size:10px;text-decoration:underline;'>...read more</span></a>";
		}
		if(message.length > 70){
			message = message.substring(0,70);
			message = message + link;
		}
		//Create the icon div
		var iconContainer = document.createElement("div");
		iconContainer.setAttribute("class", "listIcon");
		iconContainer.setAttribute("className", "listIcon");
		iconContainer.innerHTML = icon;
		//done creating icon div
		message = "<span class='listItemName'>" + message + "</span><br>";
		condolence.innerHTML = "<div class='listItem'>" + message + name + date + "<div>";
		condolenceContainer.appendChild(iconContainer);
		condolenceContainer.appendChild(condolence);
	}
	condolenceContainer.innerHTML = condolenceContainer.innerHTML + "<div style='clear:both;'></div><div id='shareMemoryListViewAllContainer'><a href='"+viewAllCondolences+"'>View all condolences</a>&nbsp; | &nbsp;<a href='"+viewAllCandles+"'>View all candles</a></div>"
}

function isCondolence(condolence){
	return (condolence.type.id == 1)
}

/** widget working stuff **/
function showCondolenceForm(){
	var condolenceForm = document.getElementById("shareMemoryForm1");
	var candleForm = document.getElementById("shareMemoryForm2");
	candleForm.style.display = "none";
	condolenceForm.style.display = "block";
	var button1 = document.getElementById("button1");
	var button2 = document.getElementById("button2");
	button1.className='shareMemoryButton1on';
	button2.className='shareMemoryButton2off';
}

function showCandleForm(){
	var condolenceForm = document.getElementById("shareMemoryForm1");
	var candleForm = document.getElementById("shareMemoryForm2");
	candleForm.style.display = "block";
	condolenceForm.style.display = "none";
	var button1 = document.getElementById("button1");
	var button2 = document.getElementById("button2");
	button1.className='shareMemoryButton1off';
	button2.className='shareMemoryButton2on';
}

function closeAll(){
	var condolenceForm = document.getElementById("shareMemoryForm1");
	var candleForm = document.getElementById("shareMemoryForm2");
	candleForm.style.display = "none";
	condolenceForm.style.display = "none";
	var button1 = document.getElementById("button1");
	var button2 = document.getElementById("button2");
	button1.className='shareMemoryButton1off';
	button2.className='shareMemoryButton2off';
}

function clearFields(){
	document.getElementById("candle_name").value = "";
	document.getElementById("candle_email").value = "";
	document.getElementById("candle_message").value = "";
	document.getElementById("condolence").value = "";
}

function lightCandleCallback(data){
	var candle_callback = document.getElementById("condolence_callback");
	candle_callback.innerHTML = "<div class='submitMessage'>Your candle has been lit</div>";
	clearFields();
	closeAll();
	retrieveCondolences();
}

function condolenceCallback(data){
	var condolence_callback = document.getElementById("condolence_callback");
	condolence_callback.innerHTML = "<div class='submitMessage'>Your condolence has been submited</div>";
	clearFields();
	closeAll();	
	retrieveCondolences();		
}