var bigData;
			var items;
			var cart;
			var startTime;
			var endTime;
			var offset;
			$(document).ready(function(){
				$.post('api.php',{action:'items'},function(data){
					items = data;
				},"json");
				loadCartDetails();
				$("#date_shown").datepicker({
					onClose: function(dateText, inst){
						loadPhotosPerDate();
					}
				});
				$("#datePickinCal").datepicker({
					onSelect: function(dateText, inst){
						$("#time_wrapper").fadeIn();
						$("#date_shown").val(dateText);
						loadPhotosPerDate();
					}
				});
			});
			function currFormat(amount){
				return amount.toFixed(2);
			}
			function loadPhotosPerDate(){
				$.post('somePhotoInfo.php',{date:$("#date_shown").val()},function(data){
					offset = 0;
					bigData = data;
					$("#startTime").empty().append(displayTime(bigData.baseTime));
					$("#endTime").empty().append(displayTime(bigData.baseTime + 57600));
					drawPhotos(bigData.baseTime,(bigData.baseTime + 57600));
					$("#slider").slider({
						range: true,
						min: 0,
						step: 900,
						max: 57600,
						values: [ 0,57600],
						slide: function(event, ui){
							$("#startTime").empty().append(displayTime(bigData.baseTime + ui.values[0]));
							$("#endTime").empty().append(displayTime(bigData.baseTime + ui.values[1]));
						},
						change: function(event, ui){
							offset = 0;
							startTime = bigData.baseTime + ui.values[0];
							endTime = bigData.baseTime + ui.values[1];
							loadPhotosFromServer(0)
							drawPhotos(bigData.baseTime + ui.values[0],bigData.baseTime + ui.values[1]);
						}
					});
				},"json");
			}
			function viewCartDetails(){
				$('html, body').animate({scrollTop:0}, 'slow');
				$("#cart_wrapper").slideDown();
			}
			function hideCartDetails(){
				$("#cart_wrapper").slideUp();					
			}
			function showDetails(id){
				var nextImg = '';
				var prevImg = '';
				var thisImg = '';
				for(x in bigData.photos){
					if(bigData.photos[x].id == id){
						thisImg = bigData.photos[x];
						if(bigData.photos[parseInt(x)+1]){
							nextImg = bigData.photos[parseInt(x)+1];
						}
						if(parseInt(x) > 0){
							prevImg = bigData.photos[parseInt(x)-1];
						}
					}
				}
				if(typeof thisImg == "undefined"){
					$.ajax({
						url: 'api.php',
						type: 'POST',
						data: {action:'getPhotoInfo',id:id},
						dataType: "json",
						success: function(data){
							thisImg = data;
						},
						async: false
					});
				}
				// Add overlay
				var html = '<div class="details_overlay" style="display: none; position: fixed; top: 0px; z-index: 5000; left: 0px;background: black; height: 100%; width: 100%; opacity: 1;">';
				html = html + '<div id="preview_wrapper" class="roundedCorners" style="margin: 0px auto; margin-top: 20px; width: 920px; height: 660px; background: white;">';
				html = html + '<a id="addToCart" href="javascript: void(0);" class="newButton" style="float: right; margin-right: 20px; margin-top: 10px;">Add to Cart</a>';
				if(nextImg){
					html = html + '<a id="previewNext" href="javascript: void(0);" class="newButton" style="float: right; margin-right: 200px; margin-top: 10px;">Next</a>';
				}
				if(prevImg){
					html = html + '<a id="previewPrev" href="javascript: showDetails(\'' + prevImg.id + '\');" class="newButton" style="float: right; margin-right: 20px; margin-top: 10px;">Previous</a>';
				}
				html = html + '<a id="closePreview" href="javascript: void(0);" class="redButton" style="margin-left: 20px; margin-top: 10px;">Close</a><img id="cartImage" src="http://dp1ue7sx944ra.cloudfront.net/large_thumbs/thumb_' + thisImg.filename + '" class="roundedCorners" style="width: 900px; margin-left: 10px; margin-top: 10px; margin-bottom: 10px;" />';
				html = html + '</div></div>';
				$("body").append(html);
				$("#preview_wrapper").click(function(){
					return false;
				});
				$("#previewNext").click(function(){
					$(".details_overlay").fadeOut(function(){
						$(this).remove();
						showDetails(nextImg.id)
					});
				});
				$("#previewPrev").click(function(){
					$(".details_overlay").fadeOut(function(){
						$(this).remove();
						showDetails(prevImg.id)
					});
				});
				$("#closePreview").click(function(){
					$(".details_overlay").click();
				});
				$("#addToCart").click(function(){
					$(this).hide();
					$("#cartImage").animate({'width':'50%'},1000,function(){
						var itemsHtml = '<form id="cart_form"><input type="hidden" name="photo" value="' + id + '" /><input type="hidden" name="action" value="addToCart" /><a href="javascript: void(0);" onClick="addToCart();" style="float: right; margin-bottom: 30px;" class="newButton">Add Items to Cart</a><div style="clear: right;" id="items_wrapper"><ul class="items">';
						for(x in items){
							var y = items[x];
							itemsHtml += '<li><div class="item_qty_wrapper"><p>Qty</p><input type="text" class="item_qty" name="item[' + y.id + ']" /></div><p class="item_price">$' + y.price + '</p><p class="item_name">' + y.name + '</p></li>';
						}
						itemsHtml += '</ul></div></form>';
						$("#preview_wrapper").prepend('<div class="show_after_resize_preview" style="height: 100px; width: 45%; margin-top: 10px; margin-right: 10px; float: right; display: none;">' + itemsHtml + '</div>');
						$("#cart_form").submit(function(){
							return false;
						});
						$("#preview_wrapper").append('<div class="show_after_resize_preview" style="display: none; width: 50%; margin-left: 10px; height: 300px;"><p style="font-weight: bold;">Thank you for selecting 129Slayer.com for your Dragon Photos.</p><p style="margin-top: 10px; font-size: 80%;">You will see the products we offer to your right. Please choose which product you wish to order and the quantity for each and click add to cart. If you choose an item with the (With Text) option you will be able to choose the text you would like added to your photo by adding it in the comments section at checkout. If you choose the (With Text) option and do not fill in the comments section we will add the text "The Dragon  Month, Day, & Year"</p><p style="margin-top: 10px; font-size: 80%;">When ordering a print, 2 of our sizes offered will have to be cropped. This means that some of the photo on the right, left, or both will need to be trimmed off. These sizes are 8x10 and 11x14.</p><p style="margin-top: 10px; font-size: 80%;">All Canvas Wraps will be need to be cropped for sizing. If you have any special request on how we crop please let us know in the comments section at checkout.</p><p style="font-weight:bold; margin-top: 10px;">Please allow 1 to 2 weeks for delivery of printed products.</p></div>');					
						$(".show_after_resize_preview").fadeIn();
					});
					return false;
				});
				$(".details_overlay").fadeIn('fast',function(){
					$(".details_overlay").click(function(){
						$(this).fadeOut(function(){
							$(this).remove();
						});
					});
				});
				// Show big photo
			}
			function loadPhotosFromServer(){
				$.post('somePhotoInfo.php',{startTime:startTime,endTime:endTime,date:$("#date_shown").val(),start:offset},function(data){
					bigData = data;
					drawPhotos();
				},"json");
			}
			function nextPage(){
				offset = offset + 100;
				loadPhotosFromServer();
			}
			function prevPage(){
				if(offset > 100){
					offset = offset - 100;
				}else{
					offset = 0;
				}
				loadPhotosFromServer();
			}
			function drawPhotos(){
				var count = 0;
				$("#photoArea").fadeOut(function(){
					$("#photoArea").empty();
					for(x in bigData.photos){
						var y = bigData.photos[x];
							count++;
							$("#photoArea").append('<div class="photoDisplay shadow roundedCorners"><p class="detailsHover"><a href="javascript: void(0);" onClick="showDetails(\'' + y.id + '\');" class="shadow roundedCorners">View or Order</a></p><img src="http://dp1ue7sx944ra.cloudfront.net/small_thumbs/thumb_' + y.filename + '" class="roundedCorners" alt="Loading..." style="height: 117px; width: 175px;" /><p>' + displayTime(y.date) + '</p></div>');
					}
					if(count == 0){
						$("#photoArea").append('<p style="margin: 0px auto; text-align: center; font-weight: bold; font-size: 20px; color: white;">No photos for this time.</p>');
					}
					$("#photoArea").append('<div id="pagingContainer"><a href="javascript:void(0);" onClick="prevPage();">Previous Page</a><a href="javascript:void(0);" onClick="nextPage();">Next Page</a></div>');
					var activeScroll = false;
/*
					$(window).scroll(function(){
						var windowBottom = $(window).scrollTop()+$(window).height();
						var itemBottom = $(".photoDisplay:last").offset().top - 300;
						var itemBottomNum = $("#.photoDisplay:last").data("count");
						console.log(itemBottomNum);
						if(windowBottom > itemBottom && activeScroll == false && itemBottomNum == count){
							console.log('Load Additional 100');
							activeScroll = true;
							$.post('somePhotoInfo.php',{date:$("#date_shown").val(),start:count},function(data){
								for(x in data.photos){
									var y = data.photos[x];
									bigData.photos.push(y);
									if(y.date < endTime){
										count++;
										$("#photoArea").append('<div data-count="' + count + '" class="photoDisplay shadow roundedCorners"><p class="detailsHover"><a href="javascript: void(0);" onClick="showDetails(\'' + y.id + '\');" class="shadow roundedCorners">View or Order</a></p><img src="http://dp1ue7sx944ra.cloudfront.net/small_thumbs/thumb_' + y.filename + '" class="roundedCorners" alt="Loading..." style="height: 117px; width: 175px;" /><p>' + displayTime(y.date) + '</p></div>');									
									}							
								}
								activeScroll = false;								
								console.log(bigData);
								$(".photoDisplay").hover(function(){
			//						$(this).prepend('<p class="detailsHover"><a href="#">View or Order</a></p>');
									$(this).children(".detailsHover").fadeIn();
								},function(){
									$(this).children(".detailsHover").hide();
								});
							},"json");
						}
					});
*/
					$("#photoArea").fadeIn();
					$(".photoDisplay").hover(function(){
//						$(this).prepend('<p class="detailsHover"><a href="#">View or Order</a></p>');
						$(this).children(".detailsHover").fadeIn();
					},function(){
						$(this).children(".detailsHover").hide();
					});
				});
			}
			function displayTime(stamp){
				var time = new Date(stamp*1000);
				var amp = "AM";
				var hours = time.getHours();
				if(hours > 12){
					hours = hours - 12;
					amp = "PM";
				}
				if(hours == 12){
					amp = "PM";					
				}
				var display = hours + ':' + ("0" + time.getMinutes()).slice(-2) + " " + amp;
				return display;
			}
			function removeItem(item,photo){
				$.post('api.php',{action:'removeItem',item:item,photo:photo},function(data){
					loadCartDetails();
				},"json");
			}
			function couponCodeApply(){
				code = $("#couponcodeapply").val();
				$.post('api.php',{action:'applyCouponCode', code:code},function(data){
					$("#couponcodeapply").val('');
					console.log(data);
					loadCartDetails();
				},"json");
			}
			function removeCoupon(){
				$.post('api.php',{action:'removeCouponCode'},function(){
					loadCartDetails();
				},"json"); 
			}
			function emptyCart(){
				$.post('api.php',{action:'emptyCart'},function(){
					loadCartDetails();
					hideCartDetails();
				},"json"); 
			}
			function addToCart(){
				var details = $("#cart_form").serialize();
				$.post('api.php',details,function(data){
					loadCartDetails();
				},"json");
				$(".details_overlay").fadeOut(function(){
					$(this).remove();
				});
			}
			function loadCartDetails(){
				$.post('api.php',{action:'getCart'},function(data){
					if(data != null && data.items!=0){
						cart = data;
						var html = '';
						html += '<ul class="cart_details">';
						for(x in data.photos){
							var photo = data.photos[x];
							html = html + '<li><ul class="item_details">';
							for(y in photo.items){
								var item = photo.items[y];
								html = html + '<li><p class="total">$' + currFormat(item.amount) + '</p><p>' + item.desc + '<span style="font-size: 70%; display: block;"><a style="color: #999;" href="javascript:void(0);" onClick="removeItem(\'' + item.id + '\',\'' + photo.id + '\');" >Remove</a> - <a href="#">Change Quantity</a></span></p></li>';
							}
							// Total Photo Info					
							html = html + '<li style="border: 0px;"><p class="total">$' + currFormat(photo.total) + '</p><p style="font-weight: bold;">TOTAL THIS ITEM</p></li></ul>';
							html = html + '<p><img width="100px" class="thumb roundedCorners" src="http://dp1ue7sx944ra.cloudfront.net/small_thumbs/thumb_' + photo.filename + '" /></p><p><a href="javascript: void(0);" onClick="showDetails(\'' + photo.id + '\')" class="newButton" style="margin-top: 5px;">Add More</a></p></li>';
						}
						// Total Cart Info
						html = html + '<li  style="border: 0px;"><ul class="item_details"><li><p class="total">$' + currFormat(data.subtotal) + '</p><p>Subtotal</p></li><li><p class="total">$' + currFormat(data.shipping) + '</p><p>Shipping</p></li><li><p class="total">$' + currFormat(data.discount) + '</p>';
						html = html + '<p>' + data.disctype + ' DISCOUNT</p>';
						if(data.disctype == 'COUPON'){
							html = html + '<a style="font-size: 70%; color: #f4f4f4;" href="javascript:void(0);" onClick="removeCoupon();">Remove Coupon</a>';
							$("#couponCodeForm").hide();
						}else{
							$("#couponCodeForm").show();						
						}
						html = html + '</li><li><p class="total">$' + currFormat(data.total) + '</p>';
						html = html + '<p>TOTAL</p></li></ul></li><li><p><a style="margin-top: 30px; float: right;" href="https://store.129slayer.com/checkout.php" class="newButton">Proceed to Checkout</a></p></li></ul>';
						$("#cartDetailWrapper").empty().append(html);
						var headerCartMessage = '<span id="header_cartDetailInfo">' + data.items + ' Items in Cart - $' + data.total + '</span><a href="javascript: void(0);" onClick="viewCartDetails();" class="newButton">View & Checkout</a>';
					} else {
						var headerCartMessage = 'No Items in Cart';
						hideCartDetails();
					}
					$("#header_cartCount").empty().append(headerCartMessage);
				},"json");
			}