var chartDialog					= null;
var submitMode					= 0;		// 0=LOAD DIALOG, 1=REFRESH VIDEO COMMENTS
var nextItem					= 100;
var totalItems					= 0;
var nameArray					= null;
var idArray						= null;
var typeArray					= null;
var urlArray					= null;
var SORTMODE					= 0;
var submitted					= 0;
var stopRedirect				= 0;
var profileChartSubmitMode		= 0;

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function doChartDialog(UID) {
	if (chartDialog != null) {
	return;
	}
var url								= "/clientServer/?section=ChartDialog";
chartDialog							= document.createElement('DIV');
submitMode							= 0;
handleGetComplete					= 'handleChartGetComplete';
handleDialogClose					= 'closeChartDialog';
doAjaxPopup('commonDialogLong',chartDialog,url,500,500);

}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function handleChartGetComplete(success,xmlHTTP) {
	switch (profileChartSubmitMode) {
	case 0:
	responseContainer.innerHTML		= xmlHTTP.responseText;
	break;

	case 1:
	profileChartSubmitMode			= 0;
	var container					= document.getElementById('homeChartsPane');
		if (container) {
		container.innerHTML			= xmlHTTP.responseText;
		}
	break;
	
	case 2:
	responseContainer.innerHTML		= xmlHTTP.responseText;
	profileChartSubmitMode			= 0;
	loadChartElements();
//	setTimeout(loadChartElements(),1000);
	break;
	}
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function doCreateChart(){
	if (chartDialog ==null){
	return;
	}
stopRedirect						= 1;
closeChartDialog();
stopRedirect						= 0;

nameArray							= new Array();
typeArray							= new Array();
urlArray							= new Array();

chartDialog							= document.createElement('DIV');
handleGetComplete					= 'handleChartGetComplete';
handleDialogClose					= 'closeChartDialog';
var url								= "/clientServer/?section=CreateChartDialog";
doAjaxPopup('commonDialogLong',chartDialog,url,500,500);
}/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function doEditChart(CHARTID){
	if (chartDialog ==null){
	return;
	}
stopRedirect						= 1;
closeChartDialog();
stopRedirect						= 0;

nameArray							= new Array();
typeArray							= new Array();
urlArray							= new Array();
profileChartSubmitMode				= 2;

chartDialog							= document.createElement('DIV');
handleGetComplete					= 'handleChartGetComplete';
handleDialogClose					= 'closeChartDialog';
var url								= "/clientServer/?section=CreateChartDialog&CHARTID="+CHARTID;
doAjaxPopup('commonDialogLong',chartDialog,url,500,500);
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function closeChartDialog() {
closeAjaxPopup(chartDialog);
chartDialog							= null;
SORTMODE							= 0;
	if(submitted==1&&stopRedirect==0){
	profileChartSubmitMode			= 1;
	getAjaxContent("/clientServer/?section=ProfileCharts");
	}
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function closeCreateChartDialog(){
submitted							= 0;
closeChartDialog();
totalItems							= 0;
nameArray							= null;
typeArray							= null;
urlArray							= null;
doChartDialog();
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function submitChartForm(formObj){
	if(SORTMODE==0){
	Sortable.create('CHARTLIST');
	sortButton						= document.getElementById("sortButton");
	sortButton.value				= " UPDATE ORDER ";
	SORTMODE						= 1;
	}else{
	SORTMODE						= 0;
	var chartList					= document.getElementById("CHARTLIST");
	var listOrder					= chartList.childNodes;
	var listLength					= listOrder.length;
	var separator					= "";
	var idList						= "";
		for(i=0;i<listLength;i++){
			if(i>0){
			separator				= ",";
			}
		idList						+= separator + listOrder[i].id;		
		}
	submitted=1;
	var params						= "section=ChartDialog&DOFORM=1&MODE=UPDATEORDER&ORDER="+idList;
	showLoadingMessage();
	handlePostComplete				= 'handleChartPostComplete';
	postAjaxContent('/clientServer/',params);	
	}
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function submitCreateChartForm(formObj) {
//INSERT JAVASCRIPT ALERTS
var F1								= formObj.CHARTNAME.value;
	if(F1.length==0){
	alert("A chart must have a title.");
	return;
	}
var CHARTID							= formObj.CHARTID.value;
	
var F2								= document.getElementById("chartList");
var liList							= F2.childNodes;
var listLength						= liList.length;
	if(listLength<5){
	alert("A chart must have at least 5 entries.");
	return;
	}
var liID							= 0;
var separator						= "";
nameListValue						= "";
typeListValue						= "";
idListValue							= "";
URLListValue						= "";
	for(i=0;i<listLength;i++){
		if(i>0){
		separator					= "|";
		}
	liID							= liList[i].id;
	nameListValue					+= separator + nameArray[liID];
	typeListValue					+= separator + typeArray[liID];
	idListValue						+= separator + liID;
	URLListValue					+= separator + urlArray[liID];
	}

totalItems							= 0;	
submitted							= 1;
var params							= "section=ChartDialog&DOFORM=1&MODE=CREATE&NAMELIST="+nameListValue+"&TYPELIST="+typeListValue+"&IDLIST="+idListValue+"&URLLIST="+URLListValue+"&CHARTNAME="+F1+"&CHARTID="+CHARTID;
showLoadingMessage();
handlePostComplete					= 'handleChartPostComplete';
postAjaxContent('/clientServer/',params);
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function loadChartElements() {
//INSERT JAVASCRIPT ALERTS
var formObj							= document.getElementById('createChartForm');
var F2								= document.getElementById("chartList");
var liList							= F2.childNodes;
var listLength						= liList.length;
var liID							= 0;
	for(i=0;i<listLength;i++){
	liID							= liList[i].id;
	var F3							= liList[i].childNodes;
	nameArray[liID]					= F3[1].innerHTML;
	typeArray[liID]					= F3[2].innerHTML;
	urlArray[liID]					= F3[3].innerHTML;
	}
	Sortable.create('chartList');
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function handleChartPostComplete(success,xmlHTTP) {
var response						= xmlHTTP.responseText;
	if(responseContainer!=null) {
	responseContainer.innerHTML	= xmlHTTP.responseText;
	}
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function deleteChart(CID){
var confirmed						= confirm("Are you sure you wish to delete this Chart?");
	if(confirmed){
	submitted=1;
	var params						= "section=ChartDialog&DOFORM=1&MODE=DELETE&CHARTID="+CID;
	showLoadingMessage();
	handlePostComplete				= 'handleChartPostComplete';
	postAjaxContent('/clientServer/',params);
	}
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function chartDialog_addDefaultItem(formObj, type){
var itemName						= formObj.ITEMFIELD.value;
chartDialog_addItem(nextItem, itemName,"N/A",type);
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function chartDialog_addItem(itemID, itemName,itemURL, type){
var chartList						= document.getElementById('chartList');
totalItems							= chartList.childNodes.length;
	if(itemName.length==0){
	alert("Please insert some entry text first.");
	return;
	}
	if(totalItems==10){
	alert("Cannot add more than 10 entries.");
	return;
	}
nextItem							= nextItem+1;


var listItem						= document.createElement('li');
listItem.id							= itemID;
nameArray[itemID]					= itemName;
typeArray[itemID]					= type;
urlArray[itemID]					= itemURL;

listItem.innerHTML					= "<div style='float:right;'><input type='button' value='X' style='background-color: #000000;color: #ab793a;width: 18px;height: 18px;font-size: 9px;font-weight: bold;' onclick=\"javscript:chartDialog_deleteItem('"+itemID+"')\" /></div>"+itemName;
chartList.appendChild(listItem);
totalItems							= totalItems +1;
Sortable.create('chartList');
var F1								= document.getElementById("ITEMFIELD");
F1.value							= "";
F1.focus();
chartDialog_checkTotal();
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function chartDialog_deleteItem(itemID){
var F1								= document.getElementById(itemID);
var chartList						= document.getElementById('chartList');
totalItems							= chartList.childNodes.length;
chartList.removeChild(F1);
totalItems							= totalItems-1;
chartDialog_checkTotal();
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function chartDialog_showAll(itemID){
var	F1								= document.getElementById('spanShort'+itemID);
var F2								= document.getElementById('spanLong'+itemID);
	if(F1.style.display=="none"){
	F1.style.display				= "block";
	F2.style.display				= "none";
	}else{
	F1.style.display				= "none";
	F2.style.display				= "block";
	}
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function chartDialog_checkEnter(evt, formObj, type){
	if(evt.keyCode=='13'){
	chartDialog_addDefaultItem(formObj, type);
	}
} 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function chartDialog_checkTotal(){
var F1								= document.getElementById('submitButton');
var F4								= document.getElementById('INSTRUCTIONS');
var F5								= document.getElementById('ITEMFIELD');
var F6								= document.getElementById('ITEMFIELDBUTTON');
	if(totalItems==0){
	F4.style.display				= "block";
	}else{
	F4.style.display				= "none";
	}
	if(totalItems>=5){
	F1.disabled						= false;
	}else{
	F1.disabled						= true;
	}
	if(totalItems==10){
	F5.disabled						= true;
	F6.disabled						= true;
	}else{
	F5.disabled						= false;
	F6.disabled						= false;
	}
}