$(document).ready(function(){
	$('#map-box').hide();
	$('#search-box').hide();


  $('a#search-button').click(function() {
	$('#map-box').hide('slow');
	$('#search-box').toggle(400);
	return false;
  });


   $('a#map-button').click(function() {
	$('#search-box').hide('slow');
	$('#map-box').toggle(400);
	return false;
  });

    // Add Scroller Object
    //$jScroller.add("#scroller_container","#scroller","down",2,true);

    // Start Autoscroller
    //$jScroller.start();
    $('div.scroll marquee').marquee('pointer').mouseover(function () {
            $(this).trigger('stop');
        }).mouseout(function () {
            $(this).trigger('start');
        }).mousemove(function (event) {
            if ($(this).data('drag') == true) {
                this.scrollLeft = $(this).data('scrollX') + ($(this).data('x') - event.clientX);
            }
        }).mousedown(function (event) {
            $(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft);
        }).mouseup(function () {
            $(this).data('drag', false);
        });  
    $('input[name=data\\[Property\\]\\[keyword\\]]').focus(function() {
        if($(this).val()=="Destination, Keyword or Property ID#") {
            $(this).val("");
        }
    });

    $('input[name=data\\[Property\\]\\[keyword\\]]').blur(function() {
        if($(this).val()=="") {
            $(this).val("Destination, Keyword or Property ID#");
        }
    });

    $('#startDate').datepicker({
        dateFormat: 'mm/dd/y',
        minDate: 0,
        onSelect: function(dateText, inst) {
            if($('#endDate').val()=="" ) {
                var d = new Date(dateText);
                d.setDate(d.getDate()+7);
                $('#endDate').val(formatDate(d,"MM/dd/yy"));
            //alert((d.getMonth()+1)+"/"+d.getDate()+"/"+d.getYear());
            /*$('#endDate').datepicker('disable');
                    $('#endDate').datepicker('setDate',''+formatDate(d,"MM/dd/yy"));
                    $('#endDate').datepicker('enable');*/
            }
        }
    });
    $('#endDate').datepicker({
        dateFormat: 'mm/dd/y',
        minDate: 0,
        onSelect: function(dateText, inst) {
            if($('#startDate').val()=="") {
                $('#startDate').datepicker('setDate',dateText +'-1w');
            }
        }
    });

    jQuery.validator.addMethod("dateonly", function(value, element) {
        return this.optional(element) || /^(0[1-9]|1[012])[\/](0[1-9]|[12][0-9]|3[01])[\/]([0-9][0-9])$/i.test(value);

    }, "Date format mm/dd/y");

    jQuery.validator.addMethod("compareout", function(value, element) {
        var f=false;
        if($('#endDate').val()!="") {
            if(compareDates(value,"MM/dd/yy",$('#endDate').val(),"MM/dd/yy")==0) {
                f=true;
            }
        }
        else {
            f=true;
        }
        return this.optional(element) || f;

    }, "check date range");

    jQuery.validator.addMethod("comparein", function(value, element) {
        var f=false;
        if($('#startDate').val()!="") {
            if(compareDates(value,"MM/dd/yy",$('#startDate').val(),"MM/dd/yy")==1) {
                f=true;
            }
        }
        else {
            f=true;
        }
        return this.optional(element) || f;

    }, "check date range");

    var validator = $("#PropertySearchRedirectForm").validate({
        rules: {
            "data[Property][check_in]": {
                required: false,
                dateonly: true,
                compareout:true
            },

            "data[Property][check_out]": {
                required:false,
                dateonly: true,
                comparein:true
            }
        },
        messages: {
            "data[Property][check_in]": {
                required: " ",
                dateonly: " ",
                compareout:" "
            },

            "data[Property][check_out]": {
                required: " ",
                dateonly: " ",
                comparein: " "
            }
        },

        errorPlacement: function(error, element) {
            if ( element.is(":radio") )
                error.appendTo( element.parent().next());
            else if ( element.is(":checkbox") )
                error.appendTo ( element.next() );
            else
                error.appendTo( element.next());
        },
        submitHandler: function(form) {
            form.submit();
        },
        // set this class to error-labels to indicate valid fields
        success: function(label) {
            // set   as text for IE
            label.html(" ").addClass("checked");
        }
    });

    $('a').click(function() {
        switch($(this).attr('class'))
        {
            case 'us':
                reload_map('usa_locator.swf','usa_locator.xml','');
                break;
            case 'uk':
                reload_map('europe_locator.swf','europe_locator.xml','');
                break;
            case 'carr':
                reload_map('car_locator.swf','car_locator.xml',"&datafile=data.swf");
                break;
            case 'ca':
                reload_map('ca_locator.swf','ca_locator.xml','');
                break;
            default:
                reload_map('usa_locator.swf','usa_locator.xml','');
        }

    });
});
function reload_map(swf_filename,xml_filename,parameters) {



    var obj='<object id="c_4a814b504a365" data="/'+swf_filename+'?xmlfile1='+xml_filename+parameters+'" type="application/x-shockwave-flash" width="420" height="320"  style="visibility: visible">';
    obj+='<param name="movie" value="/'+swf_filename+'" />';
    obj+='<param name="flashvars" value="xmlfile1='+xml_filename+'" />';
    obj+='<param name="quality" value="high" />';
    obj+='<param name="wmode" value="transparent"/>';
    <!-- obj+='<embed src="/'+swf_filename+'?xmlfile1='+xml_filename+parameters+'" bgcolor="#ffffff" flashvars="xmlfile1=/'+xml_filename+parameters+'" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="420" height="320"></embed>'; //-->
    obj+='</object>';

    document.getElementById('map').innerHTML=obj;


}