if ((typeof(jQuery) != "undefined")){

    jQuery(function(){
        if((typeof(console) != "undefined")){
            console.info('Ian\'s Mods Loaded.');
        }
        
        
        keyword_search_placeholder_text='search by location or villa name';
        jQuery('form#header-keyword-search').submit(function(){
            if(jQuery('input#header-keyword-search-text').val()==keyword_search_placeholder_text){
                jQuery('input#header-keyword-search-text').val('')
            }
        })
        if(jQuery('input#header-keyword-search-text').val().length==0){
            jQuery('input#header-keyword-search-text').val(keyword_search_placeholder_text)
        }
        jQuery('input#header-keyword-search-text')
            .click( function(){
                if(jQuery(this).val()==keyword_search_placeholder_text){
                        jQuery(this).val('')
                    }
            })
            .blur(function(){
                if(jQuery(this).val()==''){
                    jQuery(this).val(keyword_search_placeholder_text)
                }
            })


        jQuery('div#featured').cycle({fx: 'fade'});


        jQuery("div.linkview a").fancybox({
                'width'				: '75%',
                'height'			: '75%',
                'autoScale'			: false,
                'transitionIn'		: 'none',
                'transitionOut'		: 'none',
                'type'				: 'iframe'
        });
        jQuery("div.gallery dl.gallery-item a")
            .attr('rel','fancy-gallery-a') //This gives elements commonality to trigger navigatable gallery
            .fancybox({
                'scrolling'             : 'yes',
                'height'		: '75%',
                'autoScale'		: true,
                'transitionIn'		: 'elastic',
                'transitionOut'		: 'elastic'
                }
            );

 
        if(jQuery.datetimepicker!=undefined){
        	jQuery.timepicker.setDefaults(jQuery.timepicker.regional['en-GB']);
			jQuery('input.timepicker').datetimepicker({
				dateFormat : "dd/mm/yy",
				minDate : new Date()
			});
        };
		
        
        if(jQuery.datepicker!=undefined){
	        jQuery.datepicker.setDefaults( jQuery.datepicker.regional[ "en-GB" ] );
	        
	        var earliestDatePossibleToBook = new Date();
			earliestDatePossibleToBook.setDate(earliestDatePossibleToBook.getDate() + 2);
			
			jQuery('.datepicker').datepicker({
				changeMonth : true,
				changeYear : true,
				dateFormat : "dd/mm/yy",
				minDate : earliestDatePossibleToBook
			});
			
			jQuery('#arrival_date').change(function() {
				jQuery('#departure_date').removeAttr('disabled')
				jQuery('#departure_date').val('');
			});
			
			jQuery('#arrival_date').change(
				function() {
					instance = jQuery(this).data("datepicker");
					arrival_date = jQuery.datepicker.parseDate(instance.settings.dateFormat || jQuery.datepicker._defaults.dateFormat, jQuery('#arrival_date').val(), instance.settings)
					
					departure_mindate = new Date(arrival_date);
					departure_mindate.setDate(departure_mindate.getDate() + 1); 
					jQuery("#departure_date").datepicker("option", 'minDate', departure_mindate)
				}
			)
        }


        jQuery('.disabled-on-load').attr('disabled', 'disabled');

		jQuery("form.validateme").validate({
			submitHandler : function(form) {
				jQuery('form ul.enquiries-form input.int-submit').attr('disabled', 'disabled');
				form.submit();
			},

			rules : {
				arrival_date : {
					dateITA : true
				},
				departure_date : {
					dateITA : true
				}
			},
			messages : {
				arrival_date : "Please enter a valid date",
				departure_date : "Please enter a valid date"
			}
		});

        /*
		 * Will use HTML5 placeholder if possible, or use JS to emulate it. If
		 * JS not available, labels will be shown anyway.
		 */
        jQuery('.useplaceholder').placeholder();
        jQuery('.numeric').numeric();

        jQuery('div.sidebarform-inner #arrival_date').change(function(){
            if(jQuery('div.sidebarform-inner #departure_date').val()=='')
                jQuery('div.sidebarform-inner #departure_date').val(jQuery('div.sidebarform-inner #arrival_date').val())
        })


		if(jQuery('div#refine-your-search').length>0){
        	jQuery('div#refine-your-search h3').append("<span class='indicator'>[+]</span>")
        	refine_show=function(){
        	    jQuery('div#refine-your-search span.options').fadeIn(500)
            	jQuery('div#refine-your-search span.indicator').html('&nbsp;[-]')
        	}
	        refine_hide=function(speed){
    	        if(speed=='undefined')speed=800;
        	    jQuery('div#refine-your-search span.options').effect( 'blind', {}, speed );
            	jQuery('div#refine-your-search span.indicator').html('&nbsp;[+]')
        	}
	        refine_hide(10);
    	    jQuery('div#refine-your-search h3').click().toggle(refine_show,refine_hide)
		}


        new_villa_form_button = jQuery('<a title="#" id="iantest" href="#"><span>update search</span></a>').click(function(){
            jQuery('form#villa-search').submit();
        })
        jQuery('div.refine-submit input').after(new_villa_form_button).hide()


        jQuery('input#any_area').click(function(){
            if(jQuery(this).is(':checked'))
                jQuery('select#property_area option').attr('selected', false);
        })

        jQuery('select#property_area').click(function(){
            if(jQuery('option:selected',this).length)
                jQuery('input#any_area').attr('checked', false);
        })


        jQuery('a#action-confirm-link').click(function(event) {
            if (jQuery('input.seek-action-comment').length>0)
            {
                event.preventDefault();
                var destination = jQuery(this).attr('href');
                        comment_form = '<div title="Comment to Send to Customer"><fieldset><label for="comment">Comment to send to customer (can just be left blank): </label><br /><textarea name="comment" id="comment" cols="60" rows="6" class="text ui-widget-content ui-corner-all" /></fieldset></div>';

                jQuery(comment_form).dialog({
                    modal: true,
                    height: 250,
                    width: 500,
                    buttons: {
                        "Send and Save": function() {
                            input = jQuery('<input type="hidden" name="comment-to-user" />')
                            input.attr('value', jQuery('textarea#comment').val())
                            form = 
                                jQuery(' <form method="POST"></form>')
                                .append(input)
                                .attr('action', destination)
                                .appendTo(jQuery('body'))
                                .submit();

                        },
                        Cancel: function() {
                            jQuery(this).dialog("close");
                        }
                    },
                    close: function() {
                        jQuery(this).dialog('destroy')
                    }

                })
            }
        })
    })

}