$(document).ready(function(){

    // amagar els menu
    $('#menu').hide();
    $('#menu-contacte').hide();

    /*
    var ventana = $(window).height();
    $('#menu').css("height", ventana - 30);
    */
   
    // tractar el redimensionat de la finestra per repintar el menú
    $(window).bind("resize", resizeWindow);
    function resizeWindow( e ) {
        var nuevaVentana = $(window).height();
        $("#menu").css("height", nuevaVentana - 30);
    }

    // events del menu

    // mostrar menu si passen per sobre l'apartat actual
    $('#menu-switch').mouseover(function() {
        if ($('#menu').is(':hidden')) {
        $('#menu').slideToggle();
    }
    });
    // mostrar menu si passen per sobre l'apartat actual
    $('#menu-contacte-switch').click(function() {
        //if ($('#menu').is(':hidden')) {
        $('#menu-contacte').slideToggle();
    //}
    });
    
    // amagar menu quan no s'està sobre el menu
    $('#menu').mouseleave(function() {
        if ($('#menu').is(':visible')) {
            $('#menu').slideToggle('fast');
        }
    });


    // google
    $("#mapa-switch").toggle(
        function(){
            itext = $(this).text();
            //$("#google").attr("width", $(window).width()).attr("height", $(window).height());
            $(this).text("Amagar el mapa");
            $("#contenidor-extra").fadeIn();
        },
        function(){
            $(this).text(itext);
            $("#contenidor-extra").fadeOut();
        });

    // google translate


    // cercador

    var cssObj = {
        'box-shadow' : '#B1B1B1 0 0 10px', // Added when CSS3 is standard
        '-webkit-box-shadow' : '#B1B1B1 0 0 10px', // Safari
        '-moz-box-shadow' : '#B1B1B1 0 0 10px',
        'border-radius' : '5px', // CSS3
        '-webkit-border-radius' : '5px', // Safari
        '-moz-border-radius' : '5px' // Firefox
    };
    $("#suggestions").css(cssObj);
	
    // Fade out the suggestions box when not active
    $("#inputString").blur(function(){
        $('#suggestions').fadeOut();
    });

});

/*
$('#google').load(function(){
   //$('#contenidor-extra').hide();
   alert('hola');
});
*/
$(window).load(function () {
  $('#contenidor-extra').hide();
  $('#contenidor-extra').css('visibility','visible');
});

/*
* Author:      Marco Kuiper (http://www.marcofolio.net/)
*/

function search_lookup(inputString) {	
    if(inputString.length == 0) {
        $('#suggestions').fadeOut(); // Hide the suggestions box
    } else {
        $.post(base_root + "cercador/resultats/" + base_lang , {
            q: ""+inputString+""
            }, function(data) { // Do an AJAX call
            $('#suggestions').fadeIn(); // Show the suggestions box
            $('#suggestions').html(data); // Fill the suggestions box
			
            var cssObj = {
                'border-radius' : '5px', // CSS3
                '-webkit-border-radius' : '5px', // Safari
                '-moz-border-radius' : '5px' // Firefox
            };
            $('#searchresults').css(cssObj)
        });
    }
}

// prepare the form when the DOM is ready
$(document).ready(function() {
    var options = {
        target:        '#cistella',   // target element(s) to be updated with server response
        beforeSubmit:  cartRequest,  // pre-submit callback
        success:       cartResponse  // post-submit callback

    // other available options:
    //url:       url         // override for form's 'action' attribute
    //type:      type        // 'get' or 'post', override for form's 'method' attribute
    //dataType:  null        // 'xml', 'script', or 'json' (expected server response type)
    //clearForm: true        // clear all form fields after successful submit
    //resetForm: true        // reset the form after successful submit

    // $.ajax options can be used here too, for example:
    //timeout:   3000
    };

    // bind to the form's submit event
    $('.add-to-cart').submit(function() {
        // inside event callbacks 'this' is the DOM element so we first
        // wrap it in a jQuery object and then invoke ajaxSubmit
        $(this).ajaxSubmit(options);

        // !!! Important !!!
        // always return false to prevent standard browser submit and page navigation
        return false;
    });

    $(".tiptip").tipTip({maxWidth: "500px"});

});

// pre-submit callback
function cartRequest(formData, jqForm, options) {
    // formData is an array; here we use $.param to convert it to a string to display it
    // but the form plugin does this for you automatically when it submits the data
    //var queryString = $.param(formData);

    // jqForm is a jQuery object encapsulating the form element.  To access the
    // DOM element for the form do this:
    // var formElement = jqForm[0];

    //alert('About to submit: \n\n' + queryString);
    // here we could return false to prevent the form from being submitted;
    // returning anything other than false will allow the form submit to continue
    return true;
}

// post-submit callback
function cartResponse(responseText, statusText)  {
    // for normal html responses, the first argument to the success callback
    // is the XMLHttpRequest object's responseText property

    // if the ajaxSubmit method was passed an Options Object with the dataType
    // property set to 'xml' then the first argument to the success callback
    // is the XMLHttpRequest object's responseXML property

    // if the ajaxSubmit method was passed an Options Object with the dataType
    // property set to 'json' then the first argument to the success callback
    // is the json data object returned by the server

    /*
    alert('status: ' + statusText + '\n\nresponseText: \n' + responseText +
        '\n\nThe output div should have already been updated with the responseText.');
		*/
    $('#cistella span').highlightFade('yellow');
}