jQuery(document).ready(function() {
	
	jQuery('.slideshow').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
	
	jQuery('#instruction').change(function(){
		jQuery("#instruction option:selected").each(function () {
			jQuery('#instructions').val(jQuery("#instruction option:selected").val());
		});
	});
	
	
	// next page
	function pagination(){
		jQuery('.nextPage').click(function() {
			var page_num = this.id.replace('page', '').replace('prev', '').replace('next', '');
			var total_pages = jQuery("#total_pages").val();	
			var category_id = jQuery("#category_id").val();
			var keyword = jQuery("#keyword").val();
			jQuery.ajax({
				type: "POST",
				url: "/javascript/ajax.php",
				data: "action=nextpage&page="+page_num+"&total_pages="+total_pages+"&category_id="+category_id,
				success: function(html){
					jQuery("#news-list").html(html);
					pagination();
				}
			});
		});
	}
	pagination();
	
	jQuery('#brochure_submit2').hide();
	
	jQuery('#brochure_delivery').change(function(){
		jQuery("#brochure_delivery option:selected").each(function () {
			if(jQuery(this).val() == 'post'){
				jQuery('#brochure_submit3').show();
				jQuery('#brochure_submit2').hide();
			}
			else if(jQuery(this).val() == 'email'){
				jQuery('#brochure_submit2').show();
				jQuery('#brochure_submit3').hide();
			}
		});
	});
		
	jQuery('#brochure_submit1').click(function() {
		jQuery("#brochureRequestForm").validate({
			success: "valid",
			rules:{
				email:{ required:true, email:true },
				name:{ required:true },
				address1:{ required:true },
				town:{ required:true },
				county:{ required:true },
				postcode:{ required:true },
				phone:{ required:true }
			},
			messages:{
				email:{ required: " Invalid", email: " Invalid" },
				name:{ required: " Invalid" },
				address1:{ required: " Invalid" },
				town:{ required: " Invalid" },
				county:{ required: " Invalid" },
				postcode:{ required: " Invalid" },
				phone:{ required: " Invalid" }
			}
		})
		if(jQuery("#brochureRequestForm").valid()){
			jQuery('#brochure_step2').show();
			jQuery('#brochure_step1').hide();
		}
	});
	
	jQuery('#brochure_submit4').click(function() {
		jQuery("#brochureRequestForm").validate({
			rules:{
				confirmed_email:{ required:true, email:true }
			},
			messages:{
				confirmed_email:{ required:" <span style='color:red'><br />Please enter your email</span>", email:" <span style='color:red'>Please enter a valid email</span>" }
			}
		});
	});
	
	jQuery('#brochure_submit2').click(function() {
		jQuery('#brochure_step3').show();
		jQuery('#brochure_step2').hide();
	});
	
	jQuery('#brochure_step2').hide();
	jQuery('#brochure_step3').hide();
	
	/* ************ */
	
	jQuery('#contact_submit1').click(function() {
		jQuery("#contactUsForm").validate({
			success: "valid",
			rules:{
				email:{ required:true, email:true },
				name:{ required:true },
				address1:{ required:true },
				town:{ required:true },
				county:{ required:true },
				postcode:{ required:true },
				phone:{ required:true, number:true },
				enquiry:{ required:true }
			},
			messages:{
				email:{ required: " Invalid", email: " Invalid" },
				name:{ required: " Invalid" },
				address1:{ required: " Invalid" },
				town:{ required: " Invalid" },
				county:{ required: " Invalid" },
				postcode:{ required: " Invalid" },
				phone:{ required: " Invalid" , number: " Numbers only"},
				enquiry:{ required: " Invalid" }
			}
		})
		if(jQuery("#contactUsForm").valid()){
			jQuery('#contactUsForm').submit();
		}
	});
	
	/* ************ */
	
	jQuery('#stage_two').hide();
	jQuery('#stage_three').hide();
	
	jQuery('#back-button2').click(function() {
		jQuery('#stage_one').show();
		jQuery('#stage_two').hide();
	});	
	
	jQuery('#back-button3').click(function() {
		jQuery('#stage_two').show();
		jQuery('#stage_three').hide();
	});	
	
	jQuery('#continue1').click(function() {
		jQuery('#stage_two').show();
		jQuery('#stage_one').hide();
	});	
	
	jQuery('#continue2').click(function() {
		jQuery('#stage_two').hide();
		jQuery('#stage_three').show();
	});	
	
	jQuery('.emailFriend').click(function() {
		jQuery('<div>Enter your name<br /><input type="text" style="width:200px" name="user_name" id="user_name" /><br />Enter your email address<br /><input type="text" style="width:200px" name="user_email" id="user_email" /><br />Enter your friend\'s email address<br /><input type="text" style="width:200px" name="friend_email" id="friend_email" /><br />Enter a message for your friend<br /><textarea style="width:500px;height:120px" name="user_message" id="user_message"></textarea><br /></div>').dialog({
				modal: true,
				width: 600,
				title: 'Email Friend',
				buttons: {
					"Send": function() { 
						var friend_email = jQuery('#friend_email').val();
						var user_email = jQuery('#user_email').val();
						var user_name = jQuery('#user_name').val();
						var user_message = jQuery('#user_message').val();
						var page_url = jQuery('#page_url').val();
						jQuery.ajax({
							type: "POST",
							url: "/javascript/ajax.php",
							data: "action=emailFriend&friend_email="+friend_email+"&user_email="+user_email+"&user_name="+user_name+"&user_message="+user_message+"&page_url="+page_url,
							success: function(html){
								//jQuery("#articles-list").html(html);
							}
						});
						jQuery(this).dialog("destroy");
					} 
				}
			});
	});	
	
	jQuery('.ghBuilder').click(function() {
		var w = 850;
		var h = 750;
		jQuery('<iframe style="padding: 0px;" src="/greenhouse-builder.html" />').dialog({
				title: "Greenhouse Builder",
				autoOpen: true,
				width: w,
				height: h,
				modal: true,
				resizable: false,
				autoResize: true,
				zIndex:99999,
				overlay: {
						opacity: 0.5,
						background: "black"
				}
		}).width(w).height(h);
		
		/*jQuery('<iframe src="http://gabrielash.dexter/greenhouse-builder.html"/>').dialog({
			autoOpen: true,width: "500px",
			height: "300px"});*/
		/*var d = jQuery('#jqwin').html('<iframe id="ifrm"></iframe>');
		d.dialog();
		jQuery("#jqwin>#ifrm").attr("src", "/greenhouse-builder.html");*/
	});	
	
	function closeIframe(){
		jQuery('.ghBuilder').dialog('close');
		return false;
	}

	
	jQuery('.galleryThumb').click(function() {
		var image_src = this.id;
		jQuery('#largeGalleryImage').html('<img src="'+image_src+'" width="719" height="416" />');
	});	
	
	jQuery('.articlecategory').click(function() {
		var parent_id = this.id.replace('articlecategory', '');
	  	jQuery.ajax({
			type: "POST",
			url: "javascript/ajax.php",
			data: "action=filterArticles&parent_id="+parent_id,
			success: function(html){
				jQuery("#articles-list").html(html);
			}
		});
	});
	
	jQuery('.newscategory').click(function() {
		var category_id = this.id.replace('newscategory', '');
	  	jQuery.ajax({
			type: "POST",
			url: "javascript/ajax.php",
			data: "action=filterNews&category_id="+category_id,
			success: function(html){
				jQuery("#news-list").html(html);
			}
		});
	});
	
	jQuery('.subnav_hidden').hide();
	
	jQuery('.show_subcats').click(function() {
		var id = this.id.replace('show-subcats', '');
	  	jQuery('#subcat-list'+id).toggle();
	});
	
	jQuery('.product_hidden').hide();
	
	jQuery('.show_products').click(function() {
		var id = this.id.replace('show-products', '');
		jQuery('#show-products'+id).toggleClass('minus');
	  	jQuery('#product-list'+id).toggle();
	});
	
	jQuery('.submitForm').click(function() {
		var id = this.id.replace('category', '');
	  	jQuery('#form'+id).submit();
	});

	jQuery(".homepage_item_container").corner("5px");
	jQuery(".button").corner("5px");
	jQuery("#buy_online_inner").corner("5px");
	jQuery("#buy_online").corner("5px");
	jQuery(".accessories_inner").corner("5px");
	jQuery(".accessories").corner("5px");
	jQuery("#buy_right_column_inner").corner("5px");
	jQuery("#buy_right_column").corner("5px");
	jQuery(".checkout_container").corner("5px");
	jQuery(".bottom_block_link").corner("bottom 5px");
	jQuery("#subnav").corner("top 5px");
	
	if ( jQuery.browser.msie ) {
		jQuery("li","#main_menu").corner("top cc:#89A5B2");
		jQuery("#greenhouse_hover_menu_inner").corner("round 8px").parent().css('padding', '2px').css('padding-top', '2px').corner("round 10px cc:#FFFFFF");
		jQuery("#information_hover_menu_inner").corner("round 8px").parent().css('padding', '2px').css('padding-top', '2px').corner("round 10px cc:#FFFFFF");
	}else{
		jQuery("li","#main_menu").corner("top");
		jQuery("#greenhouse_hover_menu_inner").corner("round 8px").parent().css('padding', '2px').css('padding-top', '2px').corner("round 10px");
		jQuery("#information_hover_menu_inner").corner("round 8px").parent().css('padding', '2px').css('padding-top', '2px').corner("round 10px");
	}
	
	jQuery("#greenhouse_hover_menu_connector").css("z-index","2010");
	jQuery("#greenhouse_hover_menu_connector").css("margin-left","100px");
	jQuery("#greenhouse_hover_menu").css("z-index","2000");
	jQuery("#greenhouse_hover_menu").css("margin-left","100px");
	jQuery("#greenhouse_hover_menu").parent().css("z-index","2000");
	
	jQuery("#information_hover_menu_connector").css("z-index","2010");
	jQuery("#information_hover_menu_connector").css("margin-left","100px");
	jQuery("#information_hover_menu").css("z-index","2000");
	jQuery("#information_hover_menu").css("margin-left","100px");
	jQuery("#information_hover_menu").parent().css("z-index","2000");
	
	
	
	
	jQuery(".product_item_text").hover(
	  function () {
		jQuery(this).parent().addClass("product_item_hover");
	  },
	  function () {
		jQuery(this).parent().removeClass("product_item_hover");
	  }
	);
	
	jQuery(".product_item_image").hover(
	  function () {
		jQuery(this).parent().addClass("product_item_hover");
	  },
	  function () {
		jQuery(this).parent().removeClass("product_item_hover");
	  }
	);
	
	jQuery(".bottom_block_link").hover(
	  function () {
		jQuery(this).addClass("bottom_block_link_hover");
	  },
	  function () {
		jQuery(this).removeClass("bottom_block_link_hover");
	  }
	);
	
	jQuery(".button").hover(
	  function () {
		jQuery(this).addClass("Button_hover");
	  },
	  function () {
		jQuery(this).removeClass("button_hover");
	  }
	);
	
	jQuery(".galleryButton").hover(
	  function () {
		jQuery(this).addClass("galleryButton_hover");
	  },
	  function () {
		jQuery(this).removeClass("galleryButton_hover");
	  }
	);
	
	jQuery("li","#main_menu").hover(
	  function () {
		jQuery(this).addClass("hover");
	  },
	  function () {
		jQuery(this).removeClass("hover");
	  }
	);
	
	jQuery("#greenhouse_menu_item").hover(
	  function () {
		jQuery("#greenhouse_hover_menu").show();
		jQuery("#greenhouse_hover_menu_connector").show();
	  },
	  function () {
		jQuery("#greenhouse_hover_menu").hide();
		jQuery("#greenhouse_hover_menu_connector").hide();
	  }
	);
	
	jQuery("#information_menu_item").hover(
	  function () {
		jQuery("#information_hover_menu").show();
		jQuery("#information_hover_menu_connector").show();
	  },
	  function () {
		jQuery("#information_hover_menu").hide();
		jQuery("#information_hover_menu_connector").hide();
	  }
	);
	
	
	jQuery('#submitSpecialOffers').click(function(){
		var validForm = jQuery("#specialOffersForm").validate().form();
		if(validForm == true){
			var email = jQuery('#email').val();
			var fullname = jQuery('#fullname').val();
			//jQuery.ajax({
				//type: "POST",
				//url: "javascript/ajax.php",
				//data: "action=specialOffers&email="+email+"&fullname="+fullname,
				//success: function(html){
					//jQuery("#specialOffersForm").html(html);
					//jQuery(location).attr('href',html);
				//}
			//});
			var w = 850;
			var h = 750;
			jQuery('<div>Thank you for showing interest in Gabriel Ash. An email has been sent to the email that you specified. Please click on the link within that email to complete your subscription.</div>').dialog({
				modal: true,
				width: 600,
				title: 'Thank You',
				buttons: {
					"OK": function() { 
						jQuery.ajax({
							type: "POST",
							url: "javascript/ajax.php",
							data: "action=specialOffers&email="+email+"&fullname="+fullname,
							success: function(html){
								//jQuery("#news-list").html(html);
							}
						});
						jQuery(this).dialog("destroy");
					} 
				}
			});
		}
	});

	jQuery(".addtobasket").show();

	jQuery.metadata.setType("attr", "validate");


	// START FORM VALIDATION
	
	jQuery("#emailFriendForm").validate({
			rules:{
				friend_email:{ required:true, email:true },
				user_email:{ required:true, email:true },
				user_name:{ required:true },
				user_message:{ required:true }
			},
			messages:{
				friend_email:{ required: " Invalid", email: " Invalid" },
				user_email:{ required: " Invalid", email: " Invalid" },
				user_name:{ required: " Invalid" },
				user_message:{ required: " Invalid" }
			}
	})
	
	jQuery("#brochureRequestForm").validate({
			rules:{
				email:{ required:true, email:true },
				name:{ required:true },
				address1:{ required:true },
				town:{ required:true },
				county:{ required:true },
				postcode:{ required:true },
				phone:{ required:true }
			},
			messages:{
				email:{ required: " Invalid", email: " Invalid" },
				name:{ required: " Invalid" },
				address1:{ required: " Invalid" },
				town:{ required: " Invalid" },
				county:{ required: " Invalid" },
				postcode:{ required: " Invalid" },
				phone:{ required: " Invalid" }
			}
	})

	jQuery("#specialOffersForm").validate({
		rules:{
			email:{ required:true, email:true }
		},
		messages:{
			email:{ required:" <span style='color:red'>Please enter your email</span>", email:" <span style='color:red'>Please enter a valid email</span>" }
		}
	});
	
	
});