var row_id;
var last_row_id = 5;
var actionUrl;
 
jQuery(document).ready(function(){
	
	actionUrl = jQuery("#quickorderAction").attr("value");

	jQuery("#quickorder_link").click(function(){
		jQuery(this).addClass("active");												
		jQuery("#quickorder_box").slideToggle("slow");
	});
	
	jQuery("#quickorder_close").click(function(){
		jQuery("#quickorder_link").removeClass("active");												
		jQuery("#quickorder_box").slideUp("slow");											   
	});	
	

removeItem(); 
autoSuggest('');
// add new items row
	jQuery("#add_item").click(function(){
		var row = jQuery(".itemsBox tr:last");
		var html = '<tr id="row_'+last_row_id+'">';
			html+='<td class="itemsku_'+last_row_id+'"><input id="sku_'+last_row_id+'" type="text" class="input-text sku" title="sku_'+last_row_id+'" name="product['+last_row_id+'][sku]"/></td>';
			html+='<td><input type="text" id="qty_'+last_row_id+'" class="input-text qty" name="product['+last_row_id+'][qty]">';
			html+='<input type="hidden" name="product['+last_row_id+'][product]" id="id_'+last_row_id+'" value="" />';
			html+='</td>';
			html+='<td id="itemdata_'+last_row_id+'">&nbsp;</td>';
			html+='<td class="a-right"><a href="javascript:;" class="remove" id="remove_'+last_row_id+'">x Remove</a></td>';
			html+='</tr>';
	
		 //block.after(html);
		 row .before(html);
		autoSuggest(".itemsku_"+last_row_id);
         removeItem();	
		// blurSKU(); 
		 last_row_id = last_row_id+1;
	});
	
	
	jQuery("#add_to_cart").click(function(){
	});	
	

});


function autoSuggest(element){
if(element==''){
	//element_id = ".sku_field input[type=text]";
	element_id = "input[type=text].sku";
}else{
	element_id = element+' input[type=text]';
}	
var selected_value = '';
jQuery(element_id).autoSuggest(actionUrl+'suggest/', 
		{
			minChars: 2, matchCase: false,selectionLimit:1,
			limitText:" ",
			emptyText:'No results found',
			startText:"",
			keyDelay: 500,
			selectedItemProp:"name",
			searchObjProps:"name",
			formatList: function(data, elem){
			var html = '<div>'+
						'<table>'+
							'<tr>'+
							'<td class="pimage"><img src="'+data.image+'" width="60" height="57"/></td>'+
						'<td class="pdetail"><strong>'+data.name+'</strong><br> SKU#: '+data.value+'</td>'+
							'</tr>'+
						'</table>'+
						'</div>';
			var new_elem = elem.html(html);
			return new_elem;
			},
			resultClick:function(data){
					var id = jQuery(this).parents("div.as-results").attr("id");
					var newid = id.replace("results","values");
					var value = jQuery("#"+newid).attr("value");
					id = newid.replace("values","input");

					jQuery("#"+id).attr("value",value);
					var row_id= jQuery("#"+id).attr("title");

					loadProduct(row_id,value);
					
					productLoaded = true;
			},
			selectionRemoved:function(elem){
					//alert(elem);
				}	
		});

}

function loadProduct(id,sku){	
		row_id = id.replace("sku_","");
		var optBlock = jQuery("#itemdata_"+row_id);	
		var qtyBlock = jQuery("#qty_"+row_id);
		var value = sku;
		
		if(value!=''){
				if(!value.length>2){
					return false;
				}
			if(qtyBlock.attr("value")==""){
				optBlock.html('<span class="ajax-loader">&nbsp;</span>');
			}			

		
		//if(jQuery.inArray(value,Products)!=-1){
//				if(qtyBlock.attr("value")==""){
//					//jQuery(this).focus();
//					//jQuery(this).attr("value","");
//					//addError(optBlock,'Product already added with this SKU.');
//				}
//				//return true;
//		}


		
			var myAjax = new Ajax.Request(
			actionUrl+'loadproduct/?sku='+value, 
			{
				method: 'post', 
				onComplete: function(response){
					 var json = response.responseText.evalJSON();
					 if(json.success==1){
						productLoaded = true;
				 		//Products.push(json.product.sku);	
						 qtyBlock.attr("value","1");	
						 var product = json.product;
						 if(product!=''){
							 jQuery("#id_"+row_id).attr("value",product.id);
							var output =  parseProductOptions(product); 
							optBlock.html(output).hide().fadeIn();
						 }
					 }else{
						 productLoaded = false;
						addError(optBlock,'Invalid Product SKU.');						 					 }
				}
			});
		}else{
			addError(optBlock,'Please enter SKU.');
		}
}

	
function parseProductOptions(product){
	var html = '<table class="qck_product_options">';
		html+='<tr>'; 
	if(product.has_options){
		if(product.is_configurable){
		//	html+= configProductOptions(product);	
		}else if(product.custom_options){
		//	html+=customProductOptions(product);				
		}
	}
		html+='<td>';
		html+='<span>'+product.name+'</span>';
		html+='</td>';		
		html+='</tr>';
	html+='</table>';
	
	return html;
}	

function removeItem(){
	
	jQuery("a.remove").unbind('click');
	jQuery("a.remove").bind("click",function(){
		var id = jQuery(this).attr("id");
		row_id = id.replace("remove_","");
		jQuery("#row_"+row_id).attr("bgcolor","#FFB3B3").hide().fadeIn().remove();
	});
}
function addError(elem,msg){
	elem.html('<span class="error">'+msg+'</span>')
					.hide().fadeIn();	
}

function submitQuickorderForm(){
	var error = false;
	var message = '';
	var statusDiv = jQuery("#loader");
	statusDiv.html('<span class="ajax-loader">&nbsp;</span>');
	
	jQuery(".input-required option:selected").each(function(){
		var val = jQuery(this).attr("value");
		if(val==''){
			jQuery(this).parent().removeClass('validation-passed');
			jQuery(this).parent().addClass('validation-failed');
			error = true;
		}else{
			jQuery(this).parent().removeClass('validation-failed');
			jQuery(this).parent().addClass('validation-passed');
		}	
	});
	
	/*if(Products.length==0){
		error = true;
		message = 'There is no product to add to cart';
	}*/
	
	
	if(error){
		message = (message!='')?message:'Please fix errors.';
		addError(statusDiv,message);
		return false;
	}
	var params = jQuery("#quickorderFrm").serialize();
	
	var myAjax = new Ajax.Request(
			actionUrl+'addcart/', 
			{
				method: 'post', 
				parameters:  params,
				onComplete: function(response){
					var json = response.responseText.evalJSON();
					if(json.success){
						addSuccess(statusDiv,json.message);	
						location.href = json.redirect_url;
					}else{
						addError(statusDiv,json.message);	
					}
				}
			});
	
	
}

function addSuccess(elem,msg){
	elem.html('<span class="success-msg success">'+msg+'</span>')
					.hide().fadeIn();	
}