//Script for adding client side logic to the CustomCollection
var staticfolder="/static";
var vFolder="/static/videos/"

//This function adds a video to the collection
function addToCollection(videoId,title) {
    WebService.addToCollection(videoId,title,addToCollectionOnComplete,addToCollectionOnTimeout)
}
function addToCollectionOnComplete(result) {
    if (result.Id != 0) returnCode("add",result.Id,result.Title)
}
function addToCollectionOnTimeout(result) {
    alert(result)
}

function removeFromCollection(videoId) {
  WebService.removeFromCollection(videoId,removeFromCollectionOnComplete,removeFromCollectionOnTimeout)
}
function removeFromCollectionOnComplete(result) {
    if (result.Id != 0) returnCode("rem",result)
}
function removeFromCollectionOnTimeout(result) {
}
function cancelVC() {
    WebService.CancelCollection(cancelVCOnComplete,cancelVCOnTimeout);
}
function cancelVCOnComplete(result) {
    if (result==1) {
    document.getElementById("ccollection").innerHTML="";
   }
   else {
        alert('Feil under avbrytelse');
   } 
}
function cancelVCOnTimeout(result) {
}


function returnCode(code,videoId,title) {
	switch(code) {
		case ("add"): {
            if(document.getElementById("customcollectioncontainer").style.display=="none") {
                document.getElementById("customcollectioncontainer").style.display="block";
            }
			var list = document.getElementById("ccollection")
			var newNode = document.createElement("li");
			
			    newNode.id="list" + videoId;
			    newNode.title="Dobbelklikk for å spille av"
			    newNode.setAttribute("ondblclick","viewVideo(" + videoId + ");")
			    var div1 = document.createElement("div");
			
				var image = document.createElement("img");
				image.setAttribute('src','/static/videos/video' + videoId + '.100.jpg')
				image.width="90";
				image.height="68";
				div1.appendChild(image)
				
				
			    var div2 = document.createElement("div");
			    div2.style.zIndex="9";
			    if(navigator.appName == "Microsoft Internet Explorer") {
			        div2.style.styleFloat="left"
			    }
			    
			    var del = document.createElement("img");
			    del.id="img" + videoId;
			    del.title="Fjern";
			    del.alt="Fjern";
			    del.style.cursor="pointer";
			    if(navigator.appName == "Microsoft Internet Explorer") {
			    del.style.styleFloat="right";
			    }else{
			    del.style.cssFloat="right";
			    }
			    del.style.zIndex="9";
			    del.setAttribute('src', staticfolder + '/ext/del.png');
			    
			    if(navigator.appName == "Microsoft Internet Explorer") {
			       // del.onclick="removeFromCollection(this.id.substring(3))";
			    }else{
			       // del.setAttribute('onclick',"removeFromCollection(this.id.substring(3))");
			    }
			    div2.appendChild(del);	
				var textNode = document.createTextNode(title)
				div2.appendChild(textNode);
			    var div = document.createElement("div");
			    
				newNode.appendChild(div1);
				newNode.appendChild(div2);
				if (list.childNodes.length==0){
					list.appendChild(newNode);	
				}else{
					list.insertBefore(newNode,list.firstChild);
				}			
			break;
		}
		case ("rem"): {  
		    li = document.getElementById("list" + videoId)
		    li.parentNode.removeChild(li);
		    li=null;
		    break;
		}
		case ("error"): {
		}
	}
}

	function setHandle(item) {
		item.toolManDragGroup.setHandle(findHandle(item))
	}
    function findHandle(item) {
	    var children = item.getElementsByTagName("div")
	    for (var i = 0; i < children.length; i++) {
		    var child = children[i]

		    if (child.getAttribute("class") == null) continue

		    if (child.getAttribute("class").indexOf("handle") >= 0)
			    return child
	    }
	    return item
    }

	function verticalOnly(item) {
		item.toolManDragGroup.verticalOnly()
	}

function getOrder() {
	//var neworder =junkdrawer.inspectListOrder("sectionorder");
	var neworder = junkdrawer.serializeList(document.getElementById("ccollection"))
	document.getElementById("order").value=neworder;
	return true;
}