﻿
/** CONFIGURATION OPTIONS **/

//var requesturl = "clipsearch-response.html";
var requesturl = "/webservices/clipsearch.asmx/GetClipSearchResults";
var keyword = "keyword";
var idParam = "id";
var searchField = "search";
var statusdiv = "sackdata";
var contentdiv = "cliplist";
var defaultMessage = "<p>Enter part of a movie or clip name to see results here. Then select one of the clips to change your options.</p>";
var showStatus = false;

var ajax = new sack();

function whenLoading(){
	var e = document.getElementById( contentdiv ); 
	e.innerHTML = "<p>Sending Data...</p>";
}

function whenLoaded(){
	var e = document.getElementById( contentdiv ); 
	e.innerHTML = "<p>Data Sent...</p>";
}

function whenInteractive(){
	var e = document.getElementById( contentdiv ); 
	e.innerHTML = "<p>Getting data...</p>";
}

function whenCompleted(){
	if ( ! showStatus ) { return; }
	var e = document.getElementById( statusdiv );
	if (ajax.responseStatus){
		var string = "<p>Status Code: " + ajax.responseStatus[0] + "</p><p>Status Message: " + ajax.responseStatus[1] + "</p><p>URLString Sent: " + ajax.URLString + "</p>";
	} else {
		var string = "<p>URLString Sent: " + ajax.URLString + "</p>";
	}
	e.innerHTML = string;
}

//function performSearch(){
//	var searchValue = document.getElementById( searchField ).value;
//	if ( searchValue == "" ) {
//		var e = document.getElementById( contentdiv );
//		e.innerHTML = defaultMessage;
//		return;
//	}
//	ajax.setVar( keyword, searchValue ); // recomended method of setting data to be parsed.
//	ajax.requestFile = requesturl;
//	ajax.method = "GET"; //form.method.value;
//	ajax.element = contentdiv;
//	ajax.onLoading = whenLoading;
//	ajax.onLoaded = whenLoaded; 
//	ajax.onInteractive = whenInteractive;
//	ajax.onCompletion = whenCompleted;
//	ajax.runAJAX();
//}

function getClipList(id){
	ajax.setVar( idParam, id ); // recomended method of setting data to be parsed.
	ajax.requestFile = requesturl;
	ajax.method = "GET"; //form.method.value;
	ajax.element = contentdiv;
	ajax.onLoading = whenLoading;
	ajax.onLoaded = whenLoaded; 
	ajax.onInteractive = whenInteractive;
	ajax.onCompletion = whenCompleted;
	ajax.runAJAX();
}

