// start menu hover
$(function() {
        $('#navigation ul li').hover (
        function() {
            $(this).addClass('navhover');

        }, function() {

             $(this).removeClass('navhover');
        }
    );
});

$(function() {
if ( $("#navigation ul li").hasClass("current") )
        $(this).addClass('navhover');
    });


// start slider

    jQuery(window).bind("load", function() {
            jQuery("div#sliderc").codaSlider()
        });

// start tooltip

/*
 * Tooltip script
 * powered by jQuery (http://www.jquery.com)
 *
 * written by Alen Grakalic (http://cssglobe.com)
 *
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 *
 */



this.tooltip = function(){
    /* CONFIG */
        xOffset = -35;
        yOffset = -50;
        // these 2 variable determine popup's distance from the cursor
        // you might want to adjust to get the right result
    /* END CONFIG */
    $("a.tooltip").hover(function(e){
        this.t = this.title;
        this.title = "";
        $("body").append("<p id='tooltip'>"+ this.t +"</p>");
        $("#tooltip")
            .css("top",(e.pageY - xOffset) + "px")
            .css("left",(e.pageX + yOffset) + "px")
            .fadeIn("fast");
    },
    function(){
        this.title = this.t;
        $("#tooltip").remove();
    });
    $("a.tooltip").mousemove(function(e){
        $("#tooltip")
            .css("top",(e.pageY - xOffset) + "px")
            .css("left",(e.pageX + yOffset) + "px");
    });
};



// starting the script on page load
$(function() {
    tooltip();
});

// prepend the span tag to the photo gallery
$(function() {
    $(".gallery a, a.productImages").prepend("<span></span>");
});

// send the email
      // let's start the jQuery while I wait.
      // step 1: onload - capture the submit event on the form.
      $(function() { // onload...do
        $('#form').submit(function() {
          // now we're going to capture *all* the fields in the
          // form and submit it via ajax.

          // :input is a macro that grabs all input types, select boxes
          // textarea, etc.  Then I'm using the context of the form from
          // the initial '#contactForm' to narrow down our selector
          var inputs = [];
          $(':input', this).each(function() {
            inputs.push(this.name + '=' + escape(this.value));
          })

          // now if I join our inputs using '&' we'll have a query string
          jQuery.ajax({
            data: inputs.join('&'),
            url: this.action,
            timeout: 2000,
            error: function() {
              console.log("Failed to submit");
            },
            success: function(r) {
           if (r == 1) {

               $('form').slideUp('slow');
               $('p#please').slideUp('slow');
            $("h1").after('<p id="success" style="display:none;">Your message was sent successfully! We will contact you as soon as possible. </p>');
    $('#success').slideDown('slow');
           }
           else {
               alert(r)
           }



            }
          }) // checkout http://jquery.com/api for more syntax and options on this method.

          // re-test...
          // by default - we'll always return false so it doesn't redirect the user.
          return false;
        })
      })