var loader = new Image();
loader.src = 'images/loader_red.gif';

var com_error = 'There was a problem communicating with the server. Please try again.';

function doNav(theUrl) {
	document.location.href = theUrl;
}
function pleaseWait(id) {
	$('pleaseWait'+id).show();
}
function showLoader() {
	$('loaderProcessing').style.display = 'block';
}
function addHomeSection(a,i) {
	var a = $(a).identify();
	var newi = i;
	new Ajax.Request('ajax_dynamiccontent.php?action=addhomesection&i='+i,{
		method:'get',
		onSuccess:function(transport) {
			var response = transport.responseText;
			$('contentContainer').insert(response);
		},
		onFailure:function() { alert('There was a problem communicating with the server. Please try again.'); }
	});
	newi++;
	$(a).onclick = function() { return addHomeSection(this,i); };
	return false;
}
function removeHomeSection(i) {
	$('homeSection'+i).remove();
	return false;
}
function deleteThis(id,type) {
	if(confirm('Are you sure you want to completely remove this '+type+'?')) {
		var url = $(id).href;
		doNav(url);
	}
	return false;
}
/* uploader functions */
var fileID;
var finishUpload = false;
function onFileSelect(obj) {
	for(var item in obj.fileList) {
		$('fileContainer').value = obj.fileList[item].name;
		fileID = obj.fileList[item].id;
		$('fileNameContainer').update('Filename: '+obj.fileList[item].name+' (<span id="uploadProgressContainer">0</span>%) <a href="#" onclick="return cancelFileUpload(\''+fileID+'\');">cancel</a><div id="progressBar"><div id="innerProgressBar"></div></div>');
		uploader.disable();
		$('fileName').value = 'talks/originals/'+obj.fileList[item].name;
		uploader.upload(fileID,'/ajax_talks.php');
	}
}
function onUploadStart() {

}
function onUploadProgress(obj) {
	var total = obj.bytesTotal;
	var loaded = obj.bytesLoaded;
	var percent = loaded/total;
	var width = percent*200;
	$('uploadProgressContainer').update((percent*100).round());
	$('innerProgressBar').setStyle({width:width.floor()+'px'});
}
function onUploadComplete(obj) {
	var basename = $F('fileContainer');
	$('uploadProgressContainer').update('100');
	$('innerProgressBar').setStyle({width:'200px'});
	$('fileContainer').value = '';
	setTimeout(function() {
		if(finishUpload) {
			$('talkForm').submit();
			$('pleaseWait1').update('Completing process. Please wait');
		} else {
			$('fileNameContainer').update('Filename: '+basename+' <a href="#" onclick="return removeFileUpload(\''+$F('fileName')+'\');">remove</a>');
			$('uploaderContainer').hide();
		}
	},500);
}
function cancelFileUpload(id) {
	uploader.cancel(id);
	uploader.removeFile(id);
	uploader.enable();
	$('fileContainer').value = '';
	$('fileNameContainer').update('');
	return false;
}
function removeFileUpload(file) {
	new Ajax.Request('ajax_talks.php?action=removeFileUpload&file='+file,{
		onSuccess:function(transport) {
			var response = transport.responseText;
			if(response != '') {
				alert(response);
			} else {
				$('fileContainer').value = '';
				$('fileNameContainer').update('');
				$('fileName').value = '';
				$('uploaderContainer').show();
			}
		},
		onFailure:function() { alert(com_error); }
	});
	return false;
}
function checkForFile() {
	if($F('fileContainer') != '') {
		finishUpload = true;
		$('pleaseWait1').update('<div class="required">Please wait while the video file finishes uploading.</div>');
		return false;
	}
}
function submitForm(id) {
	$(id).submit();
	return false;
}
var loadingTalks = false;
function loadTalks() {
	if(loadingTalks) {
		loadingTalks.transport.abort();
	}
	$('talksContainer').update('<div align="center" class="gray t16"><br /><br /><img src="images/loader_gray_lg.gif" border="0" /><br /><br />Loading media... Please wait..<br /><br /><br /><br /></div>');
	var groupBy = $F('groupBy');
	var sortBy = $F('sortBy');
	new Ajax.Updater('talksContainer','ajax_talks.php?action=getTalks&groupBy='+groupBy+'&sortBy='+sortBy,{
		evalJS:true,
		onCreate:function(request) {
			loadingTalks = request;
		},
		onComplete:function() {
			var s = $('talksContainer').getElementsByClassName('autocomplete');
			var nodes = $A(s);
			for(var i=0;i<nodes.length;i++) {
				var id = nodes[i].identify();
				new Autocompleter.SelectBox(id);
			}
		}
	});
	return false;
}
function setGroupBy(chosen) {
	$('groupBy').value = chosen;
	if(chosen == 'series') {
		$('groupByTalk').removeClassName('selected');
		$('groupBySeries').addClassName('selected');
	} else {
		$('groupBySeries').removeClassName('selected');
		$('groupByTalk').addClassName('selected');
	}
	loadingTalks = false;
	loadTalks();
	return false;
}
function setSortBy(chosen) {
	if(chosen == 'title') {
		$('sortByDate').removeClassName('selected');
		$('sortByDate').removeClassName('asc');
		$('sortByDate').removeClassName('desc');
		$('sortByTitle').addClassName('selected');
		if($('sortByTitle').hasClassName('asc')) {
			$('sortByTitle').removeClassName('asc');
			$('sortByTitle').addClassName('desc');
			$('sortBy').value = chosen+' DESC';
		} else if($('sortByTitle').hasClassName('desc')) {
			$('sortByTitle').removeClassName('desc');
			$('sortByTitle').addClassName('asc');
			$('sortBy').value = chosen+' ASC';
		} else {
			$('sortByTitle').addClassName('desc');
			$('sortBy').value = chosen+' DESC';
		}
	} else {
		$('sortByTitle').removeClassName('selected');
		$('sortByTitle').removeClassName('asc');
		$('sortByTitle').removeClassName('desc');
		$('sortByDate').addClassName('selected');
		if($('sortByDate').hasClassName('asc')) {
			$('sortByDate').removeClassName('asc');
			$('sortByDate').addClassName('desc');
			$('sortBy').value = chosen+' DESC';
		} else if($('sortByDate').hasClassName('desc')) {
			$('sortByDate').removeClassName('desc');
			$('sortByDate').addClassName('asc');
			$('sortBy').value = chosen+' ASC';
		} else {
			$('sortByDate').addClassName('desc');
			$('sortBy').value = chosen+' DESC';
		}
	}
	loadingTalks = false;
	loadTalks();
	return false;
}

/* styled select box class */
Autocompleter.SelectBox = Class.create();
Autocompleter.SelectBox.prototype = Object.extend(new Autocompleter.Base(), {
  initialize: function(select, options) {
	this.element = "<input type=\"text\" id=\"" + $(select).id + "_combo\" />"
	new Insertion.Before(select, this.element)
	var inputClasses = Element.classNames(select);
	
	this.update = "<div id=\"" + $(select).id + "_options\" class=\"" + inputClasses + "\"></div>"	
	new Insertion.Before(select, this.update)
			
    this.baseInitialize($(select).id + "_combo", $(select).id + "_options", options);
    this.select = select;
	this.selectOptions = [];
		
	$(this.element.id).setAttribute('readonly','readonly');
	this.element.readOnly = true;
	
	if(this.options.debug) var debugText = 'Debug input ' + this.element.id + ' and div ' + this.update.id + ' created, Autocompleter.Base() initialized\r\n';
	if(!this.options.debug)Element.hide(select);
	Element.addClassName(this.element.id, this.options.css) ;
	
	var optionList = $(this.select).getElementsByTagName('option');
	var nodes = $A(optionList);

	for(i=0; i<nodes.length;i++){
		this.selectOptions.push("<li id=\"" + nodes[i].value + "\">" + nodes[i].innerHTML + '</li>');
		if (nodes[i].getAttribute("selected")) this.element.value = nodes[i].innerHTML;
		
		if(this.options.debug) debugText += 'option ' + nodes[i].innerHTML + ' added to '+ this.update.id + "\r\n";
	}
	
	Event.observe(this.element, "click", this.activate.bindAsEventListener(this));
	
	if ($(select).selectedIndex >= 0)this.element.value = $(select).options[$(select).selectedIndex].innerHTML;
	
	var self = this;
	this.options.afterUpdateElement = function(text, li) {
		self.element.value = '';
		self.element.value = li.innerHTML;
		var optionList = $(select).getElementsByTagName('option');
		var nodes = $A(optionList);
		var opt = nodes.find( function(node){
			return (node.value == li.id);
		});
		$(select).selectedIndex=opt.index;

		if(self.options.redirect) document.location.href = opt.value;
		if(self.options.submit != '') $(self.options.submit).submit();
	}
	
	if(this.options.debug) alert(debugText);
  },

  getUpdatedChoices: function() {
  		this.updateChoices(this.setValues());
  },

  setValues : function(){
		return ("<ul>" + this.selectOptions.join('') + "</ul>");
  },
  
  setOptions: function(options) {
    this.options = Object.extend({
		//MORE OPTIONS TO EXTEND THIS CLASS
		submit		: false, //form Id to submit after change 
		redirect	: false, // redirects to option value
		debug		: false, //show alerts with information
		css			: 'combo'	 //css class for new element 
	}, options || {});
  }
});

/* Scott's Tab Box */
function initializeTabBox(id) {
	var children = $(id).childElements();
	
	children.each(function(child,index) {
		var tag = child.tagName;
		if(tag == 'UL') {
			var list = $(child).childElements();
			list.each(function(li,i) {
				var id = 'li'+(i+1);
				$(li).id = id;
				if(i == 0) {
					$(li).addClassName('selected');
				} else {
					$(li).removeClassName('selected');
				}
				$(li).down().observe('click',function(event) { Event.stop(event); changeTab(((i*1)+1)); });
			});
		} else {
			var id = 'div'+index;
			$(child).id = id;
			if(index != 1) {
				$(id).hide();
			}
		}
	});
}
function changeTab(i) {
	var list = $('li'+i).up().select('li');
	list.each(function(li,index) {
		var id = $(li).identify();
		if(id == 'li'+i) {
			$(id).addClassName('selected');
		} else {
			$(id).removeClassName('selected');
		}
	});
	var divs = $('li'+i).up().up().select('div');
	divs.each(function(div,index) {
		var id = $(div).identify();
		if(id == 'div'+i) {
			$(id).show();
		} else {
			$(id).hide();
		}
	});
	return false;
}