jQuery(document).ready(function($){
	
	// For FAQ page - accordion 
	$(".accordionTitle a:first-child").click(function(){
		$(".accordionLink").next("ol:visible").slideUp("slow");		
		$(this).next("ol").slideToggle("slow");
		$(".accordionTitle a").removeClass("select");	
		$(this).addClass("select");
	});
	
	//form tip
	$(".toolTip .tip").hover(function(){
			$(this).next('.toolTipC').animate({ opacity:"show", bottom: "20px" }, "normal" );
		}, function() {
			$(this).next('.toolTipC').animate({ opacity: "hide", bottom: "45px" }, "normal" );
		});
	
	/******************* Codes below have been moved to /includes/js_card_pack.cfm & /includes/js_customised_card.cfm  *******************/
	
	/* For: card packs / customised cards pages - card image slide out previews
	$(".Btn1").hover(function(){
			$(".no1").animate({ opacity:"show", right: "0px" }, "normal" );
		}, function() {
			$(".no1").animate({ opacity:"hide", right: "100px" }, "normal" );
			
		});
	
	$(".Btn2").hover(function(){
			$(".no2").animate({ opacity:"show", right: "0px" }, "normal" );
		}, function() {
			$(".no2").animate({ opacity:"hide", right: "100px" }, "normal" );
		});
	
	$(".Btn3").hover(function(){
			$(".no3").animate({ opacity:"show", right: "0px" }, "normal" );
		}, function() {
			$(".no3").animate({ opacity:"hide", right: "100px" }, "normal" );
			
		});
	
	$(".Btn4").hover(function(){
			$(".no4").animate({ opacity:"show", right: "0px" }, "normal" );
		}, function() {
			$(".no4").animate({ opacity:"hide", right: "100px" }, "normal" );
		});
	
	$(".Btn5").hover(function(){
			$(".no5").animate({ opacity:"show", right: "0px" }, "normal" );
		}, function() {
			$(".no5").animate({ opacity:"hide", right: "100px" }, "normal" );
			
		});
	
	$(".Btn6").hover(function(){
			$(".no6").animate({ opacity:"show", right: "0px" }, "normal" );
		}, function() {
			$(".no6").animate({ opacity:"hide", right: "100px" }, "normal" );
		});
	
	$(".Btn7").hover(function(){
			$(".no7").animate({ opacity:"show", right: "0px" }, "normal" );
		}, function() {
			$(".no7").animate({ opacity:"hide", right: "100px" }, "normal" );
		});
	
	$(".Btn8").hover(function(){
			$(".no8").animate({ opacity:"show", right: "0px" }, "normal" );
		}, function() {
			$(".no8").animate({ opacity:"hide", right: "100px" }, "normal" );
			
		});
	
	$(".Btn9").hover(function(){
			$(".no9").animate({ opacity:"show", right: "0px" }, "normal" );
		}, function() {
			$(".no9").animate({ opacity:"hide", right: "100px" }, "normal" );
		});
	
	$(".Btn10").hover(function(){
			$(".no10").animate({ opacity:"show", right: "0px" }, "normal" );
		}, function() {
			$(".no10").animate({ opacity:"hide", right: "100px" }, "normal" );
		});
	
	$(".Btn11").hover(function(){
			$(".no11").animate({ opacity:"show", right: "0px" }, "normal" );
		}, function() {
			$(".no11").animate({ opacity:"hide", right: "100px" }, "normal" );
		});
	
	//hide selected card infomation HTML when page is first loaded
	$(".lightBoxGallery").find("div").hide();
	
	*/
	
	//Lightbox preview of card images - only initialise lightbox if there is any
	var numOfLightbox = $(".lightbox").length;
	if (numOfLightbox > 0) {
		$(".lightbox").lightbox();
	}

});