var shoppingCartDiv;
var priceLoadingDiv;
//the input labels array is added to as the interface gets displayed. 
//these input are dynamic and this is the only way to achieve the desired result
var inputLabels = new Array( );
var inputLabelsCount = new Array( );
function opencart(query_string){

	if(dickyBrowser( )){
	//if(true){
		var list = document.getElementsByTagName('select');
		for(i=0; i<list.length; i++){
			list[i].style.display = 'none';
		}
	}
	//first we shall create the div to use
	shoppingCartDiv = createIEElement('div', new Array('id', 'class'), new Array('shopping-cart-div', 'shopping-cart-div-class'));	
	document.body.appendChild(shoppingCartDiv);
	//shoppingCartDiv.innerHTML = '<table style="width:100%"><tr><td style="text-align:center"><h1>Loading Cart Interface...</h1><br /><img src="./images/loader.gif" alt="loading"/></td></tr></table>';
	
	//overwrite the properties for the window
	$.jqm.params.overlay = 80;//transparency percentage
	$.jqm.params.overlayClass = 'shopping-cart-lightbox';
	$.jqm.params.ajax = 'cart-entry-options-form.php'+query_string;
	$.jqm.params.ajaxText = '<table style="width:100%"><tr><td style="text-align:center"><h1>Loading Cart Interface...</h1><br /><img src="./images/loader.gif" alt="loading"/></td></tr></table>';
	$.jqm.params.modal = true; //will cause the overlay to be inactive
	//$.jqm.params.type = 'POST';
		
		
	//alert($.jqm.params.ajax);	
	scrollToTop( );
	$('#shopping-cart-div').jqm( );
	$('#shopping-cart-div').jqmShow(); 	
	
	//$('.dialogs').jqm({ajax:'@href',modal:true});
	//$('#dialog').jqmShow();
	//$('#dialog').jqmHide();
}

function calculatePrices( ){
	//priceLoadingDiv = createIEElement('div', new Array('id', 'class'), new Array('price-div', 'gen-dialog'));	
	//document.body.appendChild(priceLoadingDiv);
	//priceLoadingDiv.innerHTML = '<table style="width:100%"><tr><td style="text-align:center"><h1>Calculating Prices...</h1><br /><img src="./images/loader.gif" alt="loading"/></td></tr></table>';
	getCartUrl('cal');
}

function addToCart( ){
	getCartUrl('add');
}

function getCartUrl(type){
	//var url = 'cart-entry-options-form.php'+query_string;
	var url = $.jqm.params.ajax;
	if(blank(type)){
		type='cal';
	}
	
	if(blank(window.originalCartUrl)){
		window.originalCartUrl = url;
	}else{
		url = window.originalCartUrl;
	}
	//alert(window.originalCartUrl);
		
	url += '&action_type='+type;
	//alert(url);

	for(var i=0; i<inputLabels.length; i++){
		if(getEl(inputLabels[i]).type == 'checkbox'){
			if($('input[name='+inputLabels[i]+']').is(':checked')){
				url += '&'+inputLabels[i]+'='+getEl(inputLabels[i]).value;
			}
		}else{	
			url += '&'+inputLabels[i]+'='+getEl(inputLabels[i]).value;
		}		
	}

	//alert(url);
	
	getEl('shopping-cart-div').innerHTML = $.jqm.params.ajaxText;
	scrollToTop( );
	$.ajax({
	  url: url,
	  cache: false,
	  success: function(html){
	  	
	    getEl('shopping-cart-div').innerHTML = html;
	  }
	});
	
}

function closeCart( ){
	//need to refresh the shopping cart object in the header...
	$('#shopping-cart-div').jqmHide(); 
	document.body.removeChild(shoppingCartDiv);
	window.originalCartUrl = null;
	if(dickyBrowser( )){
		var list = document.getElementsByTagName('select');
		for(i=0; i<list.length; i++){
			list[i].style.display = 'block';
		}
	}
}

function updateCartButton( ){
	var url="cart-entry-options-form.php?action=updateButton";
	$.ajax({
		type: "GET",
		  url: url,
		  //data: "?date="+date,
		  cache: false,
		  success: updateCartButtonAfter
		});	
}

function updateCartButtonAfter(res){
	getEl('cart-text').innerHTML = res;
	getItinerary(getEl('itinerary_month').value); //reset itinerary
}


function checkout(error){
	//alert('fired '+error);
	var url="cart.php?action=checkoutAjax";
		
	if(dickyBrowser( )){
		var list = document.getElementsByTagName('select');
		for(i=0; i<list.length; i++){
			list[i].style.display = 'none';
		}
	}
	//first we shall create the div to use
	shoppingCartDiv = createIEElement('div', new Array('id', 'class'), new Array('shopping-cart-div', 'shopping-cart-div-class'));	
	document.body.appendChild(shoppingCartDiv);
	//shoppingCartDiv.innerHTML = \'<table style="width:100%"><tr><td style="text-align:center"><h1>Loading Cart Interface...</h1><br /><img src="./images/loader.gif" alt="loading"/></td></tr></table>\';
	
	url += "&error="+error;
	//alert(url);
	//overwrite the properties for the window
	$.jqm.params.overlay = 80;//transparency percentage
	$.jqm.params.overlayClass = 'shopping-cart-lightbox';
	//$.jqm.params.ajax = 'cart.php?action=checkoutAjax';
	$.jqm.params.ajax = url;
	$.jqm.params.ajaxText = '<table style="width:100%"><tr><td style="text-align:center"><h1>Loading Checkout...</h1><br /><img src="./images/loader.gif" alt="loading"/></td></tr></table>';
	$.jqm.params.modal = true; //will cause the overlay to be inactive
	//$.jqm.params.type = \'POST\';
	
	
	scrollToTop( );
	$('#shopping-cart-div').jqm( );
	$('#shopping-cart-div').jqmShow();
}


function closeCheckout(){
	//need to refresh the shopping cart object in the header...
	$('#shopping-cart-div').jqmHide(); 
	document.body.removeChild(shoppingCartDiv);
	if(dickyBrowser( )){
		var list = document.getElementsByTagName('select');
		for(i=0; i<list.length; i++){
			list[i].style.display = 'block';
		}
	}
}
function loaderCheckout( ){
	getEl('shopping-cart-div').innerHTML = '<table style="width:100%"><tr><td style="text-align:center"><h1>Loading...</h1><br /><img src="./images/loader.gif" alt="loading"/></td></tr></table>';
}
function closeDatePicker( ){
	/*if(document.getElementById('datepicker')){
		$("#datepicker").datepicker('destroy');
		document.body.removeChild($("#datepicker"));
	}*/	
}