// JavaScript Document
$(document).ready(function() {
						   
	$("#name_txt").val("name");
	$("#email_txt").val("email");
	
	$("a[href^='http://']").click(function() {
		$(this).attr("target", "_blank");
	});
	
	$("a[href=PDFs/KreamSetMenu.pdf]").click(function() {
		var now = new Date();
		var newHref = $(this).attr("href");
		//$(this).attr("href");
		$(this).attr("href", newHref+"?"+now.getTime());
	});
	
	$("#name_txt").focus(function() {
		if ($(this).val() == "name") {
			$(this).val("");
			//alert("hello");
		}
	});
	
	$("#name_txt").blur(function() {
		if ($(this).val() == "") {
			$(this).val("name");
			//alert("hello");
		}
	});
	
	$("#email_txt").focus(function() {
		if ($(this).val() == "email") {
			$(this).val("");
			//alert("hello");
		}
	});
	
	$("#email_txt").blur(function() {
		if ($(this).val() == "") {
			$(this).val("email");
			//alert("hello");
		}
	});
	
	$('.gallery_demo_unstyled').addClass('gallery_kream'); // adds new class name to maintain degradability
		
	$('ul.gallery_kream').galleria({
		history   : false, // activates the history object for bookmarking, back-button etc.
		clickNext : true, // helper for making the image clickable
		insert    : '#main_image', // the containing selector for our main image
		onImage   : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
				
			// fade in the image and caption
			if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win fades large images terribly slow
				image.css('display','none').fadeIn(1000);
			}
			caption.css('display','none').fadeIn(1000);
				
			// fetch the thumbnail container
			var _li = thumb.parents('li');
				
			// fade out inactive thumbnail
			_li.siblings().children('img.selected').fadeTo(500,0.3);
			
			// fade in active thumbnail
			thumb.fadeTo('fast',1).addClass('selected');
				
			// add a title for the clickable image
			image.attr('title','Next image >>');
		},
		onThumb : function(thumb) { // thumbnail effects goes here
				
			// fetch the thumbnail container
			var _li = thumb.parents('li');
				
			// if thumbnail is active, fade all the way.
			var _fadeTo = _li.is('.active') ? '1' : '0.3';
				
			// fade in the thumbnail when finnished loading
			thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
				
			// hover effects
			thumb.hover(
				function() { thumb.fadeTo('fast',1); },
				function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
			)
		}
	});
	
	$.fn.colorbox.init();
	
	$("a[href*='.pdf']").click(function() {
		$(this).attr("target","_blank");
	});
		
	$("#mailerForm").submit(function() {
		var name_txt = $("#name_txt").attr("value");
		var email_txt = String($("#email_txt").attr("value"));
		
		var queryString = "name_txt="+name_txt+"&email_txt="+email_txt;
		
		if (email_txt.indexOf("@") >= 0) {
			$("#mailerCont").fadeOut();
			$("#busyWrapper").fadeIn();
			
			$.ajax({
			   type : "POST",
			   url : "addToMailer.php",
			   cache : "false",
			   global : "false",
			   data : queryString,
			   dataType : "script",
			   success : function(data) {
				   $("#busyWrapper").fadeOut();
				   if (data) {
					   $("#successWrapper").fadeIn();
				   }
				   else $("#errorWrapper").fadeIn();
			   }
			});
		}
		else {
			alert("Your email address is not valid.");
		}
		
		return false;
	});
	
	$("a[rel='colorbox']").colorbox({opacity : 0.6, preloading : true, innerHeight : 600, maxWidth : 1200});
	$("a[rel='privacy']").colorbox({opacity : 0.6, title : "Privacy Policy for Kream.co.za", preloading : true, innerHeight : 600, innerWidth : 635});
	$("a[id='starterMenu']").colorbox({title : "Starter Menu", innerWidth : 746, innerHeight : 519});
	$("a[id='saladMenu']").colorbox({title : "Salad Menu", innerHeight : 417});
	$("a[id='mainsMenu']").colorbox({title : "Main Menu", innerHeight : 748});
	$("a[id='dessertMenu']").colorbox({title : "Dessert Menu", innerHeight : 384});
	
	$("#specialR").click(function() {
		window.location = "menu.html";
	});
	
	$("#specialR").hover(function() {
		$(this).css("cursor","pointer");
	},
	function() {
		$(this).css("cursor","default");
	});
	
	$("#specialL").click(function() {
		window.location = "function.html";
	});
	
	$("#specialL").hover(function() {
		$(this).css("cursor","pointer");
	},
	function() {
		$(this).css("cursor","default");
	});
});