$(document).ready(function() {
	$("#q_s").fadeIn("fast");
	//$(".flashing").blink();
	$("#q_s").click(function() {
		$(this).fadeOut("fast");
		$("#q_wrapper").show("slide", { direction: "right" }, 1000);
	});
	$("#q_h").click(function() {
		$("#q_wrapper").hide("slide", { direction: "right" }, 1000);
		$("#q_s").delay(720).fadeIn("fast");
	});
	$(".iframe").click(function() {
		$("#q_s").fadeOut("fast");
		$("#q_wrapper").show("slide", { direction: "right" }, 1000);
	});
	
	$("a.iframe").fancybox({
		'hideOnContentClick': false,
		'overlayShow': false,
		'width': 800,
		'height': 640
	});
	
});

function updateQuote(el, num){
	
	var name = $(el).attr('name');
	
	$.ajax({
	   type: "POST",
	   url: "ajax.php",
	   data: "type=updateQuote&name=" + name + "&num=" + num + "&val=" + urlencode(el.value) + "&session_id=" + session_id,
	   success: function(msg){}
	 });
	
}

function addQuote(){
	
	$('#quote').append('<div class="q"><strong><span class="green">Product ' + (quote_count + 1) + '</span></strong></div>'
		+'<div class="q">Brand/Brochure<br /><select name="brand[]" onblur="updateQuote(this, 0);"><option value="Adidas">Adidas</option><option value="Diamond">Diamond</option><option value="Hummell">Hummell</option><option value="Mitre">Mitre</option><option value="Nike">Nike</option><option value="Precision Training">Precision Training</option><option value="Prostar Teamwear">Prostar Teamwear</option><option value="Prostar Cricket">Prostar Cricket</option><option value="Stanno">Stanno</option><option value="Surridge">Surridge</option><option value="Sporting Greats">Sporting Greats</option><option value="Trophies 2011">Trophies 2011</option></select></div>'
		+'<div class="q">Quantity<br /><input name="quan[]" type="text" onblur="updateQuote(this, ' + quote_count + ');" /></div>'
		+'<div class="q">Product or Code<br /><input type="text" name="product[]" class="q_t" onblur="updateQuote(this, ' + quote_count + ');" /></div>'
		+'<div class="q">Size(s) <span class="green">Where applicable</span><br /><input type="text" name="size[]" class="q_t" onblur="updateQuote(this, ' + quote_count + ');" /></div>'
		+'<div class="q">Colour <span class="green">Where applicable</span><br /><input type="text" name="colour[]" class="q_t" onblur="updateQuote(this, ' + quote_count + ');" /></div>'
        +'<div class="line"></div>');
	
	$.ajax({
	   type: "POST",
	   url: "ajax.php",
	   data: "type=updateQuote&name=quan[]&num=" + quote_count + "&val=0&session_id=" + session_id,
	   success: function(msg){}
	 });
	
	quote_count++;
	
	return false;
	
}

function clearQuote(){
	
	quote_count = 0;
	
	$('#quote div').remove();
	
	addQuote();
	
	$.ajax({
	   type: "POST",
	   url: "ajax.php",
	   data: "type=clear&session_id=" + session_id,
	   success: function(msg){}
	 });
}

function urlencode(str) {
	return escape(str).replace(/\+/g,'%2B').replace(/%20/g, '+').replace(/\*/g, '%2A').replace(/\//g, '%2F').replace(/@/g, '%40');
}