//donutswithgonuts.com
//author: shabith ishan (shabithishan.com)

$(function(){
			$(".donutDropDown").msDropDown(
				{
					visibleRows:8,
					rowHeight:30
				});
				
			$("#detailForm :text").watermark();
			$("#detailForm textarea").watermark();
			
			$('.register :text').watermark();
			
			$("#addDonuts").die();
			
				
			$("#addDonuts").live("click", function(e){
				e.preventDefault();	
			
				var newfieldset = $(this).parents("div.donutSlot").clone();

				newfieldset.find(":text").each(function(){
					$(this).val(1);
				});
				
				newfieldset.children(".ddOutOfVision").children("select").appendTo(newfieldset);
				
			//	var selectDonuts = newfieldset.children(".ddOutOfVision").children("select").detach();
			//	console.log(selectDonuts);
			//	newfieldset.appendTo(selectDonuts);
				var id = newfieldset.children("select").attr('id');
				var new_id = id.split("_");
				var newid = "select_"+Number(Number(new_id[1])+1);
				
				newfieldset.children("select").attr('id',newid);
			
			
				
				newfieldset.find(".dd").each(function(){
					$(this).remove();
				});
				
				newfieldset.find(".ddOutOfVision").each(function(){
					$(this).remove();
				});
				
				
				//console.log(newfieldset.find("select"));
				newfieldset.hide();
				
				newfieldset.appendTo($(this).parents("#donutSlotHolder"));
				
				newfieldset.fadeIn();
				
				//console.log(newfieldset.children("select.donutDropDown"));
				
				newfieldset.find("select.donutDropDown").each(function(){
						$(this).msDropDown();
					});
				
				
				$(this).hide();
				
				
				/*$scrollpanel = $('#donutSlotHolder');
				var autoScroll = $scrollpanel.data('jScrollPanePosition') == $scrollpanel.data('jScrollPaneMaxScroll'); 
				$scrollpanel.jScrollPane({
						animateTo: true
					});
					
				$scrollpanel[0].scrollTo($scrollpanel.data('jScrollPaneMaxScroll')); */
			//	$('#donutSlotHolder').update();

				
				
				
			})
			
			$("#newsLetter").click(function(e){
				
				$("#newsletter_name").css("border","none");
				$("#newsletter_email").css("border","none");
				
				var name = $("#newsletter_name").val();
				var email =  $("#newsletter_email").val();
				var errormsg = "";
			
				e.preventDefault();
				
					if(name=="" || name==$("#newsletter_name").attr('alt'))
					{
						errormsg += "Please provide your name.<br />";
						$("#newsletter_name").css("border","1px dotted red");
						$.jGrowl(errormsg,{header:'Error!'});
						
					}else if($.fn.emailvalidate(email)==false || email==$("#newsletter_email").attr('alt') )
					{
						errormsg += "Please provide a valid email address.<br />";
						$("#newsletter_email").css("border","1px dotted red");
						$.jGrowl(errormsg, {header:'Error!'});
					}else
					{
						$.ajax({
							url:"php/newsletter.php",
							type: "POST",
							data: "Name="+name+"&Email="+email,
							
							success:function(msg)
							{
								if(msg=="true")
								{
									$.jGrowl("Registration Successful.");
								}else
								{
									$.jGrowl("Registration Fail. Please try again.");
								}
	
							}
						
						
						});
					
						
					}
				
				});
			
			

			
		
			
			$("#moreDetails").click(function(){
					
					var btn = $(this);
					btn.hide();
					btn.parent('div.Str').append('<a href="javascript:void(0);" id="goBack" title="go back"><img style="float:left" src="images/btn-go-back.png" /></a><a href="javascript:void(0);" id="placeOrder" title="add your detials"><img src="images/btn-place-order.png" /></a>');
					//btn.parent('div.Str').html('<input type="image"  src="images/btn-place-order.png" />');
					$("#desc").hide();
					$("#desc").fadeIn();
					$("#desc").html("<span class='white'>2.</span> provide your contact details <br />");
					$("#donutSlotHolder").slideUp(500, function(){
						$("#detailForm").slideDown(200, function(){
								
							});
						});
				});
				
			$("#goBack").live('click', function(){
					var btn=$(this);
					$("#detailForm").slideUp(500, function(){
						btn.remove();
						$("#moreDetails").show();
						$("#placeOrder").remove();
						$("#donutSlotHolder").slideDown(200);
						});
				
				});
			
			$("#placeOrder").live('click', function(){
				
				$("#name").css("border","none");
				$("#phone").css("border","none");
				$("#address").css("border","none");
				
				var name, phone, address;
				
				name = $("#name").val();
				phone = $("#phone").val();
				address = $("#address").val();
				
				if(name==$("#name").attr('alt') || name=="")
				{
					$.jGrowl("Please provide your name.");
					$("#name").css("border","3px dotted red");
					
				}else if(phone==$("#phone").attr('alt') || phone=="")
				{
					$.jGrowl("Please provide your phone number.");
					$("#phone").css("border","3px dotted red");
				}else if(address==$("#address").attr('alt') || address=="")
				{
					$.jGrowl("Please provide your address.");
					$("#address").css("border","3px dotted red");
				}else
				{
					/*$("#desc").hide();
					$(this).remove();
					$("#detailForm").slideUp(500, function(){
								$("#progress").slideDown(200, function(){
									
									sendOrder();
									
									
								});
							});*/
					sendOrder(name,phone,address);
				}
				
				
					
				});
				
			$('#formConfirm').click(function(){
				
				$.colorbox.close();
				
				var msg = "";
				
				$("#orderConfirm .left div").each(function(){
						msg +=$(this).text();
						msg +='<br />';
					
					});
					
				msg +="<br /><br />";
				msg += $("#orderConfirm .right").html();
				
						$.ajax({
							url:"php/order.php",
							type: "POST",
							data: "msg="+msg,
							
							success:function(msg)
							{	
								if(msg=="true")
								{
									$.jGrowl("Order sent.");
								}else
								{
									$.jGrowl("Order sending fail");
								}
	
							}
						});
				
				});
				
			$(".promo").colorbox();	
				
				
			//loadMap();
				

		})
		
		$.fn.emailvalidate = function(str){
				
				var emailRegEx = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
					if (str.match(emailRegEx)) {
				   		return true;
				 	} else {
				 		return false;
				 	}
			}
		
		function sendOrder(na,ph,add)
		{
			
			var order = new Array();
			
			
			$('.donutSlot').each(function(){
				 order.push($(this).find('input[name="amount"]').val()+' x '+$(this).find('.arrow').next().text());
			   
			});
			
			//console.log(order);
			$("#orderConfirm .left").html('<img src="images/donuts.png" width="107" height="22"/>');
			$("#orderConfirm .right").html('<img src="images/details.png" width="188" height="22"/><br />').append('Name : '+na+'<br />Phone No: '+ph+'<br /> Address : '+add);
			for(i=0; i<order.length; i++)
			{
				var $d = $("<div />").html(order[i]);
				if(i%2)
				{
					$d.addClass('odd');
				}else
				{
					$d.addClass('even');
				}

				$d.appendTo($("#orderConfirm .left"));
			}
			
			$.colorbox({width:750, close:"",overlayClose:false, escKey:false, inline:true, href:"#orderConfirm"}); 
			
			/*$.ajax({
					type: 'POST',
					url: 'php/contact.php',
					data: 'CheckIn='+cin+'&Time='+time+'&Resturant='+rest+'&Nog='+nog+'&Name='+name+'&Email='+email+'&special_request='+spec_req+'&Phone='+phone,
					async: false,
					success: function(msg)
					{
						$('#msgdiv').fadeOut();
						
						console.log(msg);
					}
					
				});*/
			
		}
		
		function showLocation(caption,dir)
		{
			
			$('#location .bottom .address').text(dir);
			
			$.colorbox({title:caption, width:550, inline:true, href:"#location"}); 
		}
		
		function detailView(title, src, desc, price)
		{
			//console.log(title+" - "+src+" - "+desc);
			$('#donutInfo div.title').text(title);
			$('#donutInfo div.desc').text(desc);
			$('#donutInfo div.price').text(price);
			
			$('#donutInfo .left').html('');
			
			$('<img />',{
				alt:title,
				src:src,
				title:title,
				width:238,
				height:168
				}).appendTo('#donutInfo .left');

			$.colorbox({title:title, width:600, inline:true, href:"#donutInfo"}); 
		}