// JavaScript Document

// either 'page' or 'no data' is displayed 
function setDisplay(dataExist){
	switch(dataExist){
		case 'exist':
			divNoData.style.display = 'none';
			tblPage.style.display = 'block';
			break;
		case 'no':
			divNoData.style.display = 'block';
			tblPage.style.display = 'none';
			break;
	}
} // setDisplay()

function viewDetails(displayMode){
	tblViewDetails.style.display = displayMode;
} // viewDetails()

function setDetailsPos(){
	divDetails.style.display = 'block';
	divDetails.style.top = 250;
}

function orderBook(title,curr,price,id){
	var oNoData = document.getElementById('divNoData');
	if (oNoData){oNoData.style.display = 'none';}
	var oNoData2 = document.getElementById('divNoData2');
	if (oNoData2){oNoData2.style.display = 'none';}	
	tFootOrder.style.display = 'block';
	
	// checking for existing id
	var otBody = document.getElementById('tBody0');
	for(var i=1; i < otBody.rows.length;i++){
		if (otBody.rows[i].cells[1].innerText == id)
			return;			
	}
	// Add new row
	var tr = 'trOrder'+id;
	var oRow = document.createElement("TR");
	oRow.className = 'row';
	oRow.id = tr;
	tBody0.appendChild(oRow);
	var oCell;
	// title
	oCell = document.createElement("TD");
	oCell.innerText = title;
	oRow.appendChild(oCell);
	// unit
	oCell = document.createElement("TD");
	var unitName = 'txtUnit' + id;
	var oInput = document.createElement("<input id='"+unitName+"' type='text' value='1' size='2' onkeyup='checkUnit(this)' />");
	oCell.appendChild(oInput);
	var spId = 'spId' + id;
	var oSpan = document.createElement("<span id='"+spId+"' style='display:none'/>");
	oSpan.innerHTML = id;
	oCell.appendChild(oSpan);
	oRow.appendChild(oCell);
	// price
	oCell = document.createElement("TD");
	oCell.innerText = curr + ' ' + price;
	oRow.appendChild(oCell);
	// total
	oCell = document.createElement("TD");
	oRow.appendChild(oCell);
	// cancel
	oCell = document.createElement("TD");

	var oCancel = document.createElement("<input name='btnX' type='button' value='x' onclick=cancel('"+tr+"')>/>");
//	var oCancel = document.createElement("<a href='#' onclick=cancel('"+tr+"')>");
//	oCancel.innerHTML = "X";
	oCell.appendChild(oCancel);
	oRow.appendChild(oCell);
}

function cancel(tr){
	var oTr = document.getElementById(tr);
	tBody0.removeChild(oTr);
	var otBody = document.getElementById('tBody0');
	if (otBody.rows.length == 1){
		tFootOrder.style.display = 'none';
		divNoData.style.display = 'block';
	}
}

function checkUnit(id){
	if (isInteger(id.value) == false)
		id.value = id.value.substring(0,id.value.length - 1);
}

function calTotal(){
	var otBody = document.getElementById('tBody0');
	for(var i=1; i < otBody.rows.length;i++){
		var unitVal = otBody.rows[i].cells[1].all(0).value;
		var price = otBody.rows[i].cells[2].innerText;
		var priceVal = price.substring(price.indexOf(" "));
		otBody.rows[i].cells[3].innerText = price.substring(0,price.indexOf(" ")) + " " + format(parseFloat(priceVal) * parseFloat(unitVal));
	}
}

// Format to have only two decimal digits
function format(value){
  	var temp =  Math.round(value * 100);
  	temp = temp / 100;
	var tempStr = String(temp);
	if (tempStr.indexOf(".") == -1){
			tempStr = tempStr.concat(".00");
	}else if (tempStr.substring(tempStr.indexOf(".")).length == 2){
		tempStr = tempStr.concat("0");
	}
  	return tempStr;
}

// modal dialog

function fnSetValues(){
   var iHeight=150;
   var sFeatures="dialogHeight: 380px;";
   var sFeatures=sFeatures+"dialogWidth: 450px;";
   var sFeatures=sFeatures+"scroll: no;";
   var sFeatures=sFeatures+"status: no;";
   return sFeatures;
}

function fnOpen(){
	var arr = new Array();
   
	var otBody = document.getElementById('tBody0');
	for(var i=1; i < otBody.rows.length;i++){
		arr[i-1]= otBody.rows[i].cells[1].all(0).value+'|'+otBody.rows[i].cells[1].innerText;
	}

	var sFeatures=fnSetValues();
   	window.showModalDialog("Checkout.php", arr, 
      sFeatures)
}