// JavaScript Document
var eLoader;	// holds the loader's id
var resultCon 	// holds the id of image name input field

function startUpload(btnCon, e, rCon){
    document.getElementById(e).style.visibility = 'visible';
	
	eLoader = e;
	resultCon = rCon;
    return true;
}


function stopUpload(success){	  

	var uploadMessageContainer = document.getElementById(resultCon + 'Status');
	var uploadBox = document.getElementById(resultCon);
  	var btnCon = document.getElementById(btnCon);

	if (success == 1){
	   uploadMessageContainer.innerHTML = '<center>The file was uploaded successfully!<\/center>';
	   uploadMessageContainer.className = 'successBox';
	} else {
	   uploadMessageContainer.innerHTML = '<center>There was an error during file upload!<\/center>';
	   uploadMessageContainer.className = 'errorBox';
	}
	
	uploadBox.style.display = 'none';
	document.getElementById(eLoader).style.visibility = 'hidden';
	
	return true;   
}


function setBtnAction(e) {
	var btnCon = document.getElementById(e);
	
	btnCon.innerHTML = 'OK';
	btnCon.onclick = function () { closeWindow(); }
	return true;
}


//var iWhiteSpinnerCounter = 1;
//function runAjaxLoader(){
//	if (ajaxloader = document.getElementById("ajaxloader")) {
//		var imgCon = document.getElementById('imagecontainer');
//		ajaxloader.style.marginLeft = -(imgCon.clientHeight / 2) + 'px';
//		document.getElementById("ajaxloader").style.background = "url('images/template/spinner/whitespinner"+iWhiteSpinnerCounter+".png') no-repeat";
//		if(iWhiteSpinnerCounter==12) { iWhiteSpinnerCounter = 1;}
//        iWhiteSpinnerCounter++;
//	}
//}
//window.setInterval("runAjaxLoader();",100);

//function runLoader() {
//	var loader = document.getElementById('ajaxloader');
//	if (!loader) return;
//	
//	loader.style.display = '';
//	var lParent = loader.parentNode;
//	
//	imgConW = lParent.clientWidth;
//	if (navigator.appName == 'Microsoft Internet Explorer') imgConW = lParent.offsetWidth;
//	
//	imgConH = lParent.clientHeight = lParent.clientHeight;
//	if (navigator.appName == 'Microsoft Internet Explorer') imgConH = lParent.offsetHeight;
//	
//	alert (imgConW);
//	loader.style.marginLeft = ((imgConW / 2)) + 'px';
//}


// for uploading photos
var fNum = 1;
function newUpload(id, query, form) {
	openWindow('loadingWindow');
	var pli = document.getElementById('r'+id+fNum);
	
	fNum++;
	var ul = document.getElementById(id + 'ulist');
	var li = document.createElement('li');
	li.className = "defaultLI";
	li.setAttribute('id', 'r'+id+fNum);
	
	formName = 'upload'+id + fNum;
	switch(form) {
		case 'links':
			var content = '<form name="'+formName+'" action="'+query+'&index='+id+fNum+'" method="post" target="upload_link_target'+id+fNum+'" onsubmit="showLoader(\''+id+fNum+'\')">' +
								'<table cellpadding="0" cellspacing="0" border="0" width="565">' +
									'<tr>' +
										'<td><span id="displayr'+id+fNum+'"></span><input type="text" name="link" id="file'+id+fNum+'" class="default" style="width: 95%;"></td>' +
										'<td width="100"><span id="status'+id+fNum+'"><button type="submit" class="defBtn dturq">Save</button></span></td>' +
										'<td width="20"><a href="javascript: void(0);" onclick="fade(\'r'+id+fNum+'\')" title="Remove"><img src="images/icons/16/close.png" border="0"></td>' +
									'</tr>' +
								'</table>' +
						 '</form>' +
						 '<iframe name="upload_link_target'+id+fNum+'" id="upload_link_target'+id+fNum+'" style="display: none;"></iframe>';
			break;
		default:
			var content = '<form name="'+formName+'" action="'+query+'&index='+id+fNum+'" method="post" enctype="multipart/form-data" target="upload_target'+id+fNum+'">' +
								'<table cellpadding="0" cellspacing="0" border="0" width="565">' +
									'<tr>' +
										'<td><span id="displayr'+id+fNum+'"></span><input type="file" name="file" id="file'+id+fNum+'" onchange="document.'+formName+'.submit(); showLoader(\''+id+fNum+'\')" ></td>' +
										'<td width="100"><span id="status'+id+fNum+'"></span></td>' +
										'<td width="20"><a href="javascript: void(0);" onclick="fade(\'r'+id+fNum+'\')" title="Remove"><img src="images/icons/16/close.png" border="0"></td>' +
									'</tr>' +
								'</table>' +
						 '</form>' +
						 '<iframe name="upload_target'+id+fNum+'" id="upload_target'+id+fNum+'" style="display: none;"></iframe>';
	}
	
	li.innerHTML = content;
	ul.insertBefore(li, pli);
	closeWindow();
	
	//alert (content);
}

function showLoader(e) {
	var path = document.getElementById('file'+e).value;
	
	document.getElementById('status'+e).innerHTML = '<center><img src="images/template/ajax_loader.gif"></center>';	
	document.getElementById('file'+e).style.width = '25px';
	document.getElementById('file'+e).style.visibility="hidden";
	document.getElementById('displayr'+e).innerHTML = htmlEntities(path.substring((path.lastIndexOf("\\")+1), path.length));
}

function removeUploadForm(e) {
	var ul = document.getElementById(e).parentNode;
	ul.removeChild(document.getElementById(e));
	//document.getElementById('ulist').removeChild(document.getElementById(e));
	clearTimeout(timeout);
	
}

var prevID = '';
function appendUploaded(id, upID) {
	var prevList = document.getElementById(prevID);
	var parentID;
		
	if (upID) {
		parentID = 'uploads'+upID;
		var list = document.getElementById(parentID);
	} else {
		parentID = 'uploads';
		var list = document.getElementById(parentID);
	}
	
	var nLI = document.createElement('li');
	nLI.className = 'defaultLI';
	nLI.setAttribute('id', id);
	
	nLI.innerHTML = '';
	if (prevList == null) {
		list.appendChild(nLI);
	} else {
		
		// this will get the first child of UL
		if (list.childNodes.length > 0) {
			prevList = document.getElementById(list.childNodes.item(0).id);
		}
		
		
		if (prevList.parentNode.id == parentID) {
			list.insertBefore(nLI, prevList);
		} else {
			list.appendChild(nLI);
		}
		
	}
	
	prevID = id; 
}

function showSpinner(e, iconOnly) {
	var e = document.getElementById(e);
	if (iconOnly) {
		e.innerHTML = '<img src="images/template/ajax_loader.gif">';
	} else {
		e.innerHTML = '<img src="images/template/ajax_loader.gif"> Loading...';
	}
}

function htmlEntities(str) {
    return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
}