$(document).ready(function(){
    var currentStep = 0;
    var nav = $("#wrapper").find("#adNavigation li");
    var steps = $("#wrapper").find(".horseStep");
    var map = null;
    var geocoder = null;
    var hideall = false;
    var latlng = null;
    var address = "Arja vas 29, Petrovče, 3301, Slovenia";
    var map_address = "";

    nav.click(function(event) {      
        currentStep = parseInt(this.id.replace('tabHorseInfo', ''));
        steps.hide()
        .eq(currentStep)
        .fadeIn();

        nav.removeClass("on")
        .eq(currentStep)
        .addClass("on");

        

        steps.removeClass("on")
        .eq(currentStep)
        .addClass("on");
    });


    $("#send-email").click(function(event){
       event.preventDefault();
       $("#ownerMailFrmLayout").toggle(400);
       $("#ownerMailFrmLayout").draggable();

    });

    $("#ownerMailClose").click(function(event){
       event.preventDefault();
       $("#ownerMailFrmLayout").toggle(400);
    });
    var d = new Date();
    var optionsOwnerMail = {
        dataType: 'json',
        beforeSubmit:  doOwnerMailValidation,
        success: successOwnerMail,
        clearForm: true,
        resetForm: true,
        url: '/myEquiGaia/ajaxOwnerMail/'+d.getTime(),
        resetForm: false
    };
    $('#ownerMail').ajaxForm(optionsOwnerMail);
    $('#ownerMail').validate({
        rules: {
                         myMail: {
                 required: true,
                 email: true
             },
                          myMsq: {
                 required: true,
                 minlength:6
             }
        },
        messages: {
                         myMail: {
                required: "Please enter email address",
                email: "Your email address must be in the format of name@domain.com"
             },
                         myMsq: {
                 required: "Enter message/question for the horse owner",
                 minlength: jQuery.format("At least {0} characters required!")
             }
        }
     });

    function doOwnerMailValidation(formData, jqForm, options) {
        if($('#ownerMail').valid()) {
            onSubmit('#ownerMail');
            return true;
        } else return false;
    }

    function successOwnerMail(data) {
        var afterSubmitParams = new Array();

        $('#ownerMailResult').html('Mail was sent!<p>What do you want to do next?<br />I want to:<ul><li><a href="http://www.equigaia.co.uk/Horses-for-sale/Buy-a-horse.html">browse ads of horses for sale</a>,</li><li><a href="http://www.equigaia.co.uk/Horses-for-sale/Sell-a-horse.html">post a free ad</a>,</li><li><a href="http://www.equigaia.co.uk/myEquiGaia/myBreederPresentation.html">post a free presentation</a></li></ul></p>');
        afterSubmitParams["isError"] = false;
        
        afterSubmitParams["frmId"] = '#ownerMail';
        afterSubmitParams["resultLayout"] = '#ownerMailResult';
        afterSubmitParams["doScroll"] = false;
        afterSubmit(afterSubmitParams);
    }

    $("#ownerMailButton").removeClass("disabled");
    $("#ownerMailButton").removeAttr("disabled");

    function displayMap() {
        $("#mapWrapperInfo").show();
        if (GBrowserIsCompatible()) {
            geocoder = new GClientGeocoder();
            if (geocoder) {
                map = new GMap2(document.getElementById("map"));
                map.addControl(new GSmallMapControl());
                if(map_address=='' && address!='') { // nadaljuj iskanje
                    geocoder.getLatLng(address, resultHandler);
                }
                if(address=='' && map_address=='') hideall = true;
                if(address!='' && map_address!='') {
                    showFinal(map_address);
                }
            } else hideall = true;
        } else hideall = true;

        if(hideall) {
            $("#mapWrapperInfo").hide();
        }
    }

    function resultHandler(point) {
        if (!point) {
            $("#mapWrapperInfo").hide();
        } else {
            latlng = point;
            showFinal(address);

        }
    }

    function showFinal(address) {
        map_address = address;
        map.setCenter(latlng, 11);
        var marker = new GMarker(latlng);
        map.addOverlay(marker);
        marker.openInfoWindowHtml(address);
    }

});