addToShortlist = function(Id)
{
	AWV.search.AddToShortList(Id, addToShortlist_Callback);
}

addPageToShortlist = function()
{
	AWV.search.AddPageToShortList(Id, skip, nCount, addToShortlist_Callback);
}

addToShortlist_Callback = function(data)
{
	if(data.value != null)
	{
		displayShortList(data.value);
	}
	else
	{
		window.alert("Please login/register to use this feature");
	}
}

loadShortList = function()
{
	AWV.search.GetShortList(loadShortList_Callback);
}

loadShortList_Callback = function(data)
{
	var div = document.getElementById("divShortlist");
	var addAll = document.createElement("p");
	var addAllLink = document.createElement("a");
	
	addAllLink.innerHTML = "Add all clips from this page to the shortlist"
	addAllLink.onclick = function()
	{
		addPageToShortlist();
		return false;
	}
	addAllLink.href = "#";
	
	addAll.appendChild(addAllLink);
	div.appendChild(addAll);
	
	displayShortList(data.value);
}

displayShortList = function(array)
{
	var div = document.getElementById("divShortlist");
	
	div.innerHTML = "";
	if (Id > 0)
	{
		var addAll = document.createElement("p");
		var addAllLink = document.createElement("a");
		
		addAllLink.innerHTML = "Add all clips from this page to the shortlist"
		addAllLink.onclick = function()
		{
			addPageToShortlist();
			return false;
		}
		addAllLink.href = "#";
		
		addAll.appendChild(addAllLink);
		div.appendChild(addAll);
	}
	
	if (array != null && array.length > 0)
	{
		var count = document.createElement("p");
		var expand = document.createElement("a");
		var modify = document.createElement("a");
		var divList = document.createElement("div");
		var List = document.createElement("ul");
		
		count.innerHTML = "You have " + array.length + " clips in your shortlist. ";
		
		expand.href = "#";
		expand.onclick = function()
		{
			var divList = document.getElementById("divList");
			if (divList != null)
			{
				if (divList.style.display == "")
				{
					this.innerHTML = "(show)";
					divList.style.display = "none";
					createCookie("shortlistExpanded", false, 1);
				}
				else
				{
					this.innerHTML = "(hide)";
					divList.style.display = "";
					createCookie("shortlistExpanded", true, 1);
				}
			}
			return false;
		}
		
		if (readCookie("shortlistExpanded") == "true")
		{
			divList.style.display = "";
			expand.innerHTML = "(hide)";
		}
		else
		{
			divList.style.display = "none";
			expand.innerHTML = "(show)";
		}
		
		modify.href = "myclips.aspx?c=shortlist";
		modify.innerHTML = "(modify)";
		
		div.appendChild(count);
		
		for (var i = 0; i < array.length; i++)
		{
			var Item = document.createElement("li");
			var Link = document.createElement("a");
			
			Link.href = "stock-footage-" + array[i][0] + "-" + Id + "-" + skip + "-" + nCount + ".aspx";
			Link.innerHTML = array[i][1];
			
			Item.appendChild(Link);
			List.appendChild(Item);
			
			var AddToLink = document.getElementById(array[i][1] + "Save");
			
			if (AddToLink != null)
			{
				AddToLink.src = "images/btn_tick.jpg";
				AddToLink.onmouseover = function(){return false;};
				AddToLink.onmouseout = function(){return false;};
				AddToLink.parentNode.href = "#";
				AddToLink.parentNode.onclick = function(){ return false;};
			}
		}
		
		divList.appendChild(List);
		divList.id = "divList";
		
		div.appendChild(divList);
		div.appendChild(expand);
		div.appendChild(document.createTextNode(" "));
		div.appendChild(modify);
	}
}

selectClip = function(container, clipNo)
{
	var cb = document.getElementById("cblShortList_" + clipNo);
	
	if (cb)
	{
		cb.checked = !cb.checked;
		
		if (cb.checked)
		{
			container.style.border = "solid 1px #f60";
		}
		else
		{
			container.style.border = "";
		}
	}
}

selectall = function() 
{ 
	var shortList = document.getElementById("cblShortList").getElementsByTagName("input");
	var clipList = getElementsByClassName("SearchResultImage");
	
	for (var i = 0; i < shortList.length; i++)
	{
		shortList[i].checked = true;
		clipList[i].style.border = "solid 1px #f60";
	}
}

deselectall = function()
{
	var shortList = document.getElementById("cblShortList").getElementsByTagName("input");
	var clipList = getElementsByClassName("SearchResultImage");
	
	for (var i = 0; i < shortList.length; i++)
	{
		shortList[i].checked = false;
		clipList[i].style.border = "";
	}
}