jQuery.noConflict();
jQuery(document).ready(function() {
	jQuery("a.Fancy").fancybox({
		padding: "0"
	});
	jQuery("#popup_for").fancybox({
		'transitionIn'		: 'fade',
		'transitionOut'		: 'fade',
		'showCloseButton'	: true
	});
	
	jQuery("#pikame").PikaChoose({
		autoPlay:false
	});
	jQuery("#pikame").jcarousel({
		scroll:4,
		initCallback: function(carousel) {
		jQuery(carousel.list).find('img').click(function() {
		carousel.scroll(parseInt(jQuery(this).parents('.jcarousel-item').attr('jcarouselindex')));
		});}
	});
	
	jQuery(".Accordion").hrzAccordion({
		openOnLoad		   : 1,
		handlePosition     : "left",
		containerClass     : "AccordionContainer",
		listItemClass      : "ListItem",					
		contentWrapper     : "AccordionWrap",
		contentInnerWrapper: "AccordionInnerWrap",
		handleClass        : "Handle",
		handleClassOver    : "HandleOver",
		handleClassSelected: "HandleSelected"
	});
	
	jQuery('#Flickr').jflickrfeed({
		limit: 3,
		qstrings: {id:'45645829@N05'},
		itemTemplate: '<li><a href="{{image_b}}"><img src="{{image_s}}" alt="{{title}}" /></a></li>'
	});
	
	jQuery.doTimeout(5000, function(){
  		 jQuery("a#popup_for").trigger("click");
	});

	jQuery.noConflict();
	//jQuery("#select-option")[0].selectedIndex = 0; //reset when refresh
	jQuery(".section-message").hide(); //reset when refresh
	jQuery("#section1, #section2, #section3").hide();
	jQuery("#select-option").change(function() {
  		opt_val=jQuery("#select-option option:selected").val();
		switch (opt_val){
			case '1': { jQuery("#section1, #section2, #section3").hide('slow');jQuery("#popup_form1")[0].reset();
						jQuery("#popup_form1 input").removeClass('error');jQuery("#popup_form1 label.error").remove();
						jQuery("#section1").show('slow');jQuery("#popup_form1").show('slow');
					  }break;
			case '2': { jQuery("#section1, #section2, #section3").hide('slow');jQuery("#popup_form2")[0].reset();
						jQuery("#popup_form2 input").removeClass('error');jQuery("#popup_form2 label.error").remove();
						jQuery("#section2").show('slow');jQuery("#popup_form2").show('slow');
					  }break;
			case '3': { jQuery("#section1, #section2, #section3").hide('slow');jQuery("#popup_form3")[0].reset();
						jQuery("#popup_form3 input").removeClass('error');jQuery("#popup_form3 label.error").remove();
						jQuery("#section3").show('slow');jQuery("#popup_form3").show('slow');
						
					  }break;
			default: {
						jQuery("#section1, #section2, #section3").hide('slow'); break;
					 }
		}
		jQuery(".section-message").hide('slow');  //reset on change
		jQuery("#select-option")[0].selectedIndex = opt_val; //form resets so advancing
	});
	
	jQuery("#popup_form1").validate({
		rules: {
					name:  {required: true},
					phone: {required: true},
                	email: {required: true, email:true}
		},
		submitHandler: function(form) {
   			jQuery("#popup_form1").hide();jQuery("#result1").html("<span class='success'><em><img src='images/loading139.gif'/></em></span>").show();
			jQuery.ajax({
				  url: 'email.php',
				  type: 'POST',
				  data: jQuery(form).serialize(),
				  debug: true,
				  error: function() {jQuery("#result1").html("<span class='error'>Error Sending Message. Please Try Later.</span>").show('slow');},
				  success: function(data){
								if(data=='success'){jQuery("#popup_form1").hide('slow');jQuery("#result1").html("<span class='success'>Thank you. We will call you back soon.</span>").show('slow');}
								else{jQuery("#result1").html("<span class='error'>Error Sending Message. Please Try Later.</span>").show('slow');}
						   }
			});
		}
	});
	jQuery("#popup_form2").validate({
			
		rules: {
                	name2: {required: true},
                	email2: {required: true, email:true},
                	address1: {required: true},
                	address2: {required: true},
                	town: {required: true},
                	postcode: {
						required: true
                	}
		},
		submitHandler: function(form) {
   			jQuery("#popup_form2").hide();jQuery("#result2").html("<span class='success'><em><img src='images/loading139.gif'/></em></span>").show();
			jQuery.ajax({
				  url: 'email.php',
				  type: 'POST',
				  data: jQuery(form).serialize(),
				  debug: true,
				  error: function() {jQuery("#result2").html("<span class='error'>Error Sending Message. Please Try Later.</span>").show('slow');},
				  success: function(data){
								if(data=='success'){jQuery("#popup_form2").hide('slow');jQuery("#result2").html("<span class='success'>Thank you.<br />We will send you a Free Foam Sample Pack soon.</span>").show('slow');}
								else{jQuery("#result2").html("<span class='error'>Error Sending Message. Please Try Later.</span>").show('slow');}
						   }
			});
		}
	});
	jQuery("#popup_form3").validate({
			
		rules: {
                	email3: {required: true, email:true}
		},
		submitHandler: function(form) {
   			jQuery("#popup_form3").hide();jQuery("#result3").html("<span class='success'><em><img src='images/loading139.gif'/></em></span>").show();
			jQuery.ajax({
				  url: 'email.php',
				  type: 'POST',
				  data: jQuery(form).serialize(),
				  debug: true,
				  error: function() {jQuery("#result3").html("<span class='error'>Error Sending Message. Please Try Later.</span>").show('slow');},
				  success: function(data){
								if(data=='success'){jQuery("#popup_form3").hide('slow');jQuery("#result3").html("<span class='success'><em>Please <a href='http://awardwinneronline.com/bm/popup/rploverview.pdf'>click here</a> to download our PDF.</em></span>").show('slow');}
								else{jQuery("#result3").html("<span class='error'>Error Sending Message. Please Try Later.</span>").show('slow');}
						   }
			});
 			
		}
	});
	
});