var products = {
				'Displays' : ['IDS 17"',
							  'IDS 21"',
							  'IDS 24"',
							  'UDP'],
				'AIA' : ['AIA'],
				'Computers' : ['ZX1',
							   'ZX2',
							   'ZX3',
							   'MPU-COMx',
							   'ZXL Stations',
							   'ZXT Station'],
				'Storage' : ['Tranzpak2',
							 'Tranzpak7',
							 'TranzStor 1Xi',
							 'Tranzstor MTRS'],
				'Desks' : ['Expander I',
						   'Expander II'],
				'ZViDEO' : ['ZViDEO',
							'Surveillance Video System']
				};
				
var products_list = [];
				
$(document).ready(function(){

	// Get params
	var cur_cat = gup('cat');
	var cur_product = gup('product');
	cur_product = cur_product.split("%20").join(" ");
	
	cur_product = cur_product.replace("%22","\"");
	
	var selected = "";
	var ok_cat = false;
	
	$("#se1").empty();
	$("#se1").append('<option value="">select a category</option>');
	for (key in products){
		if (cur_cat == key) {
			selected = 'selected = "selected"';
			ok_cat = true;
			}
		else 
			selected = "";
		$("#se1").append( $('<option value="'+key+'" '+selected+'>'+key+'</option>'));
	}
	
	if (ok_cat){
		$("#se2").empty();
		$("#se2").append('<option value="">select a product</option>');
		for (key in products[cur_cat]){
			if (cur_product == products[cur_cat][key]) {
				selected = 'selected = "selected"';
				ok = true;
				}
			else 
				selected = "";
			$("#se2").append( $('<option value="'+products[cur_cat][key]+'" '+selected+'>'+products[cur_cat][key]+'</option>'));
		}
	}
	
	for (var i=1; i<=20; i++){
		$("#se3").append( $('<option value="'+i+'">'+i+'</option>'));
	}
	
	
});

function gup( name )
{
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return results[1];
}
				
function changeSelect(){
	
	$("#cusel-scroll-se2").empty();
	$("#cuselFrame-se2 .cuselText").text('select a product');
	$("#cusel-scroll-se2").append($('<span selected="selected" value="" class="cuselActive">select a product</span>'));
	$("#cuselFrame-se2 .jScrollPaneContainer").height(19);
	if ($("#se1").val()){
		$("#cuselFrame-se2 .jScrollPaneContainer,#cusel-scroll-se2").height((products[$("#se1").val()].length+1) * 19);
		for (key in products[$("#se1").val()]){
			$("#cusel-scroll-se2").append($('<span value="'+products[$("#se1").val()][key]+'">'+products[$("#se1").val()][key]+'</span>'));
		}
		$("#se2").show();
	}
	
	else {}
	
	$(".CLeft").show();	
	
}

function valid(email) {
	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	return reg.test(email);
}

function checkForm(){
	var ok = true;
	$(".error").empty();

	if (!$("#name").val()){
		$(".error").append("<p>Missing Name</p>");
		ok = false;
	}
	
	var tel1 = $("#tel1").val();
	var tel2 = $("#tel2").val();
	var tel3 = $("#tel3").val();
	
	if (!tel1 || !tel2 || !tel3 || tel1.length + tel2.length + tel3.length != 10){
		$(".error").append("<p>Missing Phone Number</p>");
		ok = false;
	}
	
	if (!$("#email").val()){
		$(".error").append("<p>Missing Email</p>");
		ok = false;
	}
	else if (!valid($("#email").val())){
		$(".error").append("<p>Enter valid Email</p>");
		ok = false;
	}
	
	if (!$("#product_list").val()){
		$(".error").append("<p>No products selected</p>");
		ok = false;
	}
	
	return ok;
}

function checkFormWhite(){
	var ok = true;
	$(".error").empty();

	if (!$("#name").val()){
		$(".error").append("<p>Missing Name</p>");
		ok = false;
	}

	var tel1 = $("#tel1").val();
	var tel2 = $("#tel2").val();
	var tel3 = $("#tel3").val();

	if (!tel1 || !tel2 || !tel3 || tel1.length + tel2.length + tel3.length != 10){
		$(".error").append("<p>Missing Phone Number</p>");
		ok = false;
	}

	if (!$("#email").val()){
		$(".error").append("<p>Missing Email</p>");
		ok = false;
	}
	else if (!valid($("#email").val())){
		$(".error").append("<p>Enter valid Email</p>");
		ok = false;
	}

	return ok;
}

function addProduct(){
	var cat = $("#se1").val();
	var product = $("#se2").val();
	var quantity = $("#se3").val();

	if (!cat) {
		alert("Choose category");
		return false;
	}
	
	if (!product) {
		alert("Choose product");
		return false;
	}
	
	products_list[products_list.length]={"cat" : cat, "product" : product, "quantity" : quantity};
	
	drawProducts();
        return 0;
}

function deleteProduct(key){
	products_list.splice(key,1);
	drawProducts();
}

function drawProducts(){
	var cont = $("#productsCont");
	cont.empty();
	if (products_list.length > 0){ 
		cont.append('<div><br /><p style="font-size: 16px; color: #0d5580;">Products you selected</p></div>');
		for (key in products_list){
			cont.append(
				'<div><a onclick="deleteProduct('+key+')" style="text-decoration: none; cursor: pointer; font-weight: bold;">delete</a>&nbsp;&nbsp;' +
				 products_list[key]['quantity'] + ' x <b>' +  
				 products_list[key]['cat'] + "</b> -- " + products_list[key]['product'] + '</div>'
			);
		}
	}
	else {
		cont.append('<div><br /><p style="font-size: 20px; color: #0d5580;">No products selected</p></div>');
	}
	
	productsToStr();
}

function productsToStr(){
	var str = "";
	for (key in products_list){
		str += products_list[key]['quantity'] + ' x <b>' +  
		       products_list[key]['cat'] + "</b> -- " + 
			   products_list[key]['product']+"<br />\n";
	}
	$("#product_list").val(str);
}