$(function(){
	$(".contactUs").click(function(event) { event.preventDefault(); contactForm()});
	$("#lillyVid").click(function(){lillyVideo()});
	$("#slideShow").click(function(){slideshow()});
	$("#carvingVid").click(function(){carvingVideo()});
	
	
});

/********
	Contact Functions
********/

function contactForm(){

	var form = '<div style="width:260px;"><p id="formMessage">You can submit any questions using the form below. <br/> Or ring us on <strong>01254 851177</strong></p>'
				+ '<form action="ajax-contact.php" method="post" id="contactForm">'
				+ '<label for="name">Name:</label><input type="text" name="name" id="contactName" />'
				+ '<label for="email">Email:</label><input type="text" name="email" id="contactEmail" />'
				+ '<label for="telephone">Telephone:</label><input type="text" name="telephone" id="contactTel" />'
				+ '<label for="enquiry">Enquiry</label>'
				+ '<textarea name="enquiry" id="contactEnquiry" rows="4"></textarea>'
				+ '<input type="submit" value="Submit" id="contactSubmit" />'
				+ '</form></div>';
	lightbox(form, "contact us");
	
	var options = {
	beforeSubmit: validate,
	dataType: 'json',
	success:  contactResponse
	
	}
	$('#contactForm').ajaxForm(options); 
	
	

}
function validate(formData){
	$("#contactForm input").removeClass("formInputError"); 
	$("#contactForm textarea").removeClass("formInputError"); 
	if (!formData[0].value) { 
		$("#formMessage").html('Please enter a name <br />').addClass("formError"); 
		$("#contactName").addClass("formInputError"); 
		return false; 
	}
	if (!formData[1].value || !(isValidEmailAddress(formData[1].value)) ) { 
		$("#formMessage").html('Please enter a valid email address<br />').addClass("formError");
		$("#contactEmail").addClass("formInputError"); 
		return false; 
	} 
	if (!formData[3].value) { 
		$("#formMessage").html('Please enter your enquiry').addClass("formError"); 
		$("#contactEnquiry").addClass("formInputError"); 
		return false; 
	} 
	$("#contactSubmit").attr("value","sending...");
	$("#contactSubmit").attr("disabled","disabled");
	pageTracker._trackEvent('Contact', 'Submitted', formData[1].value);

}
function isValidEmailAddress(emailAddress) {
	var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
	return pattern.test(emailAddress);
}
function contactResponse(data){
	//$("#formMessage").text(responseText);
	if(data.success){
		$("#formMessage").html('Thank you,<br/> Your enquiry has been submitted and we will get back to you as soon as possible.');
		$("#formMessage").removeClass("formError");
		$("#contactForm").hide();
		pageTracker._trackEvent('Contact', 'Sent', formData[1].value);
		
	} else {
		$("#formMessage").html(data.message);
		$("#formMessage").addClass("formError");
		$("#contactSubmit").attr("value","retry");
	$("#contactSubmit").attr("disabled","false");
	}
	
}

/*******
	Customisation Functions
********/

function setproductOptionsnPrice(inText, inPrice){
	if($("#purchaseOptions").css("display") == "none")
	{
		$("#purchaseOptions").show("medium");
		pageTracker._trackEvent('Toybox', 'Personalised', inText);
	}
	productOptions = inText;
	$('#buyIt').text(inPrice);
	

	//document.custForm.attr_customisation.value = inText; //$('#customisationOpts').attr("value",inText);
	productOptionsArray = productOptions.split("_");
	$('#item_option_description_1').attr("value", productOptionsArray[0].toUpperCase());
	$('#custTBOpt').text("£209.00 - Customised Toybox ("+productOptionsArray[0].toUpperCase()+")");
	document.title = "Custom Toybox - "+productOptionsArray[0].toUpperCase()+"'s customised Toybox";
	
	buildLink();
}


function setPrice(inPrice){
	$('#buyIt').text(inPrice);
	buildLink();
}
function buildLink(){
	//pageURL = pageBase+product+"-"+productId+"/"+productOptions+"/";
}
$(function(){
	buildLink();	
});

/*******
	Lightbox Functions
********/
function lightbox(content, title, callback){
	if($("#lightbox").size() == 0){  var newLightbox = '<div id="lightboxWrapper"></div><div id="lightbox"><span id="lbTitle"></span><span id="lbClose">Close</span><div id="lbContents"></div></div>';  $("body").append(newLightbox);	 }	
	$("#lightbox div").html(content);	
	$("#lbTitle").text(title);
	var scrollPos = [ $(window).scrollLeft(), $(window).scrollTop()];
	var windowSize = [$(window).width() , $(window).height()];
	$(window).bind('scroll',{pos: scrollPos},scrollLock); // Prevent Scrolling
	
	$("#lightboxWrapper").css({"width":windowSize[0]+"px","height":windowSize[1]+"px","top":scrollPos[1]+"px","left":scrollPos[0]+"px"});
	$("#lightbox").css("top",(((windowSize[1] - $("#lightbox").height())/2)+scrollPos[1])+"px");
	$("#lightbox").css("left",(((windowSize[0] - $("#lightbox").width())/2)+scrollPos[0])+"px");
	$("#lightbox").css("width",$("#lbContents div").css("width"));
	//$("#lightboxWrapper").fadeIn();
	$("#lightboxWrapper").show();
	$("#lightbox").show("slow", function(){if(callback){callback()}});
	$("#lightboxWrapper").click(function(){closeLightbox();});
	$("#lbClose").click(function(){closeLightbox();});
	
	

}
function closeLightbox(){
	$("#lightbox").hide("medium",function(){$("#lightboxWrapper").hide()});
	$(window).unbind('scroll',scrollLock); // unbinds lock

}
function scrollLock(e) {
    var a=e.data.pos;
    window.scrollTo(a[0],a[1]);
    return false;
}




function lillyVideo(){
	var flash = '<div style="height:280px; width:360px; text-align:center" id="flaPlayer"></div>';	
	var flashvars = {};	
	var params = {};
	params.menu = "false";
	params.quality = "high";
	params.bgcolor = "#FFFFFF",
	params.wmode = "transparent";
	params.scale = "none";
	params.salign = "t";
	params.allowScriptAccess = "always";
	
	var attributes = {};
	
	lightbox(flash, "Lilly demonstrates the slow closer", function(){
		swfobject.embedSWF("/swf/lillyctb.swf", "flaPlayer", "320", "280", "9.0.0","/swf/expressInstall.swf", flashvars, params, attributes);
	});
	pageTracker._trackEvent('Video', 'Launched', 'LillyVideo');

}
function carvingVideo(){
	var flash = '<div style="height:240px; width:360px" id="flaPlayer"></div>';	
	var flashvars = {};	
	var params = {};
	params.menu = "false";
	params.quality = "high";
	params.bgcolor = "#FFFFFF",
	params.wmode = "transparent";
	params.scale = "none";
	params.salign = "t";
	params.allowScriptAccess = "always";
	
	var attributes = {};
	
	lightbox(flash, "Our Toybox being carved", function(){
		swfobject.embedSWF("swf/carving.swf", "flaPlayer", "360", "240", "9.0.0","/swf/expressInstall.swf", flashvars, params, attributes);
	});
	pageTracker._trackEvent('Video', 'Launched', 'CarvingVideo');

}
function slideshow(){
	var flash = '<div style="height:580px; width:580px" id="flaPlayer"></div>';	
	var flashvars = {};	
	var params = {};
	params.menu = "false";
	params.quality = "high";
	params.bgcolor = "#FFFFFF",
	params.wmode = "transparent";
	params.scale = "none";
	params.salign = "t";
	params.allowScriptAccess = "always";
	
	var attributes = {};
	
	lightbox(flash,"Sample Toyboxes", function(){
		swfobject.embedSWF("/swf/tb_slideshow.swf", "flaPlayer", "580", "580", "9.0.0","/swf/expressInstall.swf", flashvars, params, attributes);
	});
	pageTracker._trackEvent('Slideshow', 'Launched', 'Slideshow01');
}