function openPopupQuote(id) {
    return window.open('popup_quote.php?id='+id,'Quote','width=800,height=600,toolbar=no,status=no,scrollbars=yes,resizable=yes,menubar=no,location=no,direction=no');
}

var imgPrintOn = new Image();
imgPrintOn.src = 'skin1/images/buttons/print_on.gif';
var imgDeleteOn = new Image();
imgDeleteOn.src = 'skin1/images/buttons/delete_on.gif';
var imgOrderOn = new Image();
imgOrderOn.src = 'skin1/images/buttons/order_on.gif';

function deleteQuote(id) {
	var mediaSlip = document.getElementById('mediaSlip');
	var data;
	
	data = '<div class="mediaHeader">Delete Confirmation</div>';
	data += '<div style="padding: 5px;">Are you sure you want to delete quote #'+id+'</div>';
	data += '<div style="margin-top: 10px;">';
		data += '<div style="float: right;">';
			data += '<table><tr><td><a class="Button" href="quotes.php?delete='+id+'">Delete&nbsp;</a></td><td><a class="Button" href="quotes.php?delete='+id+'"><img src="skin1/images/go.gif" class="GoImage" alt="" border="0"></a></td></tr></table>';
		data += '</div>';
		data += '<div style="float: right;">';
			data += '<table><tr><td><a class="Button" href="javascript:void(0);" onclick="hideSlip();">Cancel&nbsp;</a></td><td><a class="Button" href="javascript:void(0);" onclick="hideSlip();"><img src="skin1/images/go.gif" class="GoImage" alt="" border="0"></a></td></tr></table>';
		data += '</div>';
	data += '</div>';
	
	mediaSlip.innerHTML = data;
	showSlip();
}

function orderQuote(id) {
	var mediaSlip = document.getElementById('mediaSlip');
	var data;
	
	data = '<div class="mediaHeader">Edit Confirmation</div>';
	data += '<div style="padding: 5px;">Are you sure you want to view quote #'+id+'<br>(This will clear the current cart)</div>';
	data += '<div style="margin-top: 10px;">';
		data += '<div style="float: right;">';
			data += '<table><tr><td><a class="Button" href="quotes.php?order='+id+'">View/Order&nbsp;</a></td><td><a class="Button" href="quotes.php?order='+id+'"><img src="skin1/images/go.gif" class="GoImage" alt="" border="0"></a></td></tr></table>';
		data += '</div>';
		data += '<div style="float: right;">';
			data += '<table><tr><td><a class="Button" href="javascript:void(0);" onclick="hideSlip();">Cancel&nbsp;</a></td><td><a class="Button" href="javascript:void(0);" onclick="hideSlip();"><img src="skin1/images/go.gif" class="GoImage" alt="" border="0"></a></td></tr></table>';
		data += '</div>';
	data += '</div>';
	
	mediaSlip.innerHTML = data;
	showSlip();
}

function saveQuote() {
	var mediaSlip = document.getElementById('mediaSlip');
	var data;
	
	data = '<div class="mediaHeader">Save Quote</div>';
	data += '<div style="padding: 5px;">Quote Name: <input type="text" id="quoteName"></div>';
	data += '<div style="margin-top: 10px;">';
		data += '<div style="float: right;">';
			data += '<table><tr><td><a class="Button" href="javascript:void(0);" onclick="saveQuoteAction();">Save&nbsp;</a></td><td><a class="Button" href="javascript:void(0);" onclick="saveQuoteAction();"><img src="skin1/images/go.gif" class="GoImage" alt="" border="0"></a></td></tr></table>';
		data += '</div>';
		data += '<div style="float: right;">';
			data += '<table><tr><td><a class="Button" href="javascript:void(0);" onclick="hideSlip();">Cancel&nbsp;</a></td><td><a class="Button" href="javascript:void(0);" onclick="hideSlip();"><img src="skin1/images/go.gif" class="GoImage" alt="" border="0"></a></td></tr></table>';
		data += '</div>';
	data += '</div>';
	
	mediaSlip.innerHTML = data;
	showSlip();
}

function saveQuoteAction() {
	var quoteName = document.getElementById('quoteName').value;
	
	if(!quoteName) {
		quoteName = 'Untitled Quote';
	}
	
	location.href = 'quotes.php?add='+escape(quoteName);
}

function showSlip() {
	var modalShade = document.getElementById('modalShade');
	var mediaSlipContainer = document.getElementById('mediaSlipContainer');
	var mediaSlipTable = document.getElementById('mediaSlipTable');
	
	var contentHeight = (document.documentElement.scrollHeight > document.body.scrollHeight) ? document.documentElement.scrollHeight : document.body.scrollHeight;	
	var contentWidth= (document.documentElement.scrollWidth > document.body.scrollWidth) ? document.documentElement.scrollWidth : document.body.scrollWidth;
	
	var verticalPosition = window.scrollY ? window.scrollY : document.documentElement.scrollTop;
	
	mediaSlipContainer.style.height = contentHeight+'px';
	mediaSlipTable.style.marginTop = 200+verticalPosition+'px';
	
	modalShade.style.height = contentHeight+'px';
	modalShade.style.width = contentWidth+'px';
	
	modalShade.style.display = 'block';
	mediaSlipContainer.style.display = 'block';
}

function hideSlip() {
	var modalShade = document.getElementById('modalShade');
	var mediaSlip = document.getElementById('mediaSlip');
	var mediaSlipContainer = document.getElementById('mediaSlipContainer');
	
	mediaSlip.innerHTML = '';
	
	mediaSlipContainer.style.display = 'none';
	modalShade.style.display = 'none';
}