jQuery(document).ready(function() {
  /* hide any modal content */
  $('.cat_row .productContent').hide();
  $('.cat_row .productContent').each(function(){
    var title = $(this).prev().prev().html();
    var img = $(this).prev().prev().prev().attr('href');
    
    $(this).prepend('<img class="prodImg" src="'+ img +'" />');
    $(this).prepend("<h2>"+ title +"</h2>");
  });
  /* set width to what it is in modal, so that modal height is correct
   * because modal gets strict height from original div auto height
  */
  $('.cat_row .productContent').css({'min-width': '760px', 'max-width':'780px'});
  
  /* show modal */
  $('.showModal').click(function(){
    var windowHeight = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight;
    var modalHeight = windowHeight - 40;
    $(this).parent().next('.productContent').modal({overlayClose:true, minWidth:800, maxHeight: modalHeight, onOpen: function (dialog) {
        dialog.overlay.slideDown('slow', function () {
          dialog.container.fadeIn('slow', function () {
            dialog.data.fadeIn('slow');
          });
        });
      }, onClose: function (dialog) {
          dialog.data.fadeOut('slow', function () {
            dialog.container.fadeOut('slow', function () {
              dialog.overlay.slideUp('slow', function () {
                $.modal.close();
              });
            });
          });
        }
    });
  });
  
  /* subnav */
  $('#subnavWrapper').hide();
  $('#arrow').hide();

  $('#module1').cycle({ 
    delay:  2000, 
    speed:  1000
});
  $('#module2').cycle({ 
    delay:  2000, 
    speed:  1000 
});
  $('#module3').cycle({ 
    delay:  2000, 
    speed:  1000,
   
});

  $('#email_address').focus( function() {
    if($('#email_address').val() == 'Join Our Email List, Enter Address Here') {
        $('#email_address').val('');
    }
  });

  $('#email_address').blur( function() {
    if($('#email_address').val() == '') {
        $('#email_address').val('Join Our Email List, Enter Address Here');
    }
  });

  $('#email_address').click( function() {
    if($('#email_address').val() == 'Join Our Email List, Enter Address Here') {
        $('#email_address').val('');
    }
  });

  $('#about_us').hover( function() {
    $('#subnavWrapper').fadeIn('normal');
    $('#arrow').fadeIn('normal');
    $('#subnavWrapper').animate({left: '55px'},'normal');
    $('#arrow').animate({left: '125px'},'normal');
    $('#subnavButtons').html($('#about_us_links').html())
  });

  $('#product_gallery').hover( function() {
    $('#subnavWrapper').fadeIn('normal');
    $('#arrow').fadeIn('normal');
    $('#subnavWrapper').animate({left: '195px'},'normal');
    $('#arrow').animate({left: '265px'},'normal');
    $('#subnavButtons').html($('#product_gallery_links').html());
  });

  //$('#services').hover( function() {
  //  $('#subnavWrapper').fadeIn('normal');
  //  $('#arrow').fadeIn('normal');
 //   $('#subnavWrapper').animate({left: '185px'},'normal'); /* width being defined was causing horizontal scroll bar on other nav items; , width: '800px' */
 //   $('#arrow').animate({left: '405px'},'normal');
 //   $('#subnavButtons').html($('#services_links').html());
 // });

  $('#testimonials').hover( function() {
    $('#subnavWrapper').fadeIn('normal');
    $('#arrow').fadeIn('normal');
    $('#subnavWrapper').animate({left: '475px'},'normal');
    $('#arrow').animate({left: '545px'},'normal');
    $('#subnavButtons').html($('#testimonials_links').html());
  });

  $('#home').hover( function() {
    $('#subnavWrapper').fadeOut('normal');
    $('#arrow').fadeOut('fast');
  });

  $('#contact_us').hover( function() {
    $('#subnavWrapper').fadeOut('normal');
    $('#arrow').fadeOut('fast');
  });

  $('#partners').hover( function() {
    $('#subnavWrapper').fadeOut('normal');
    $('#arrow').fadeOut('fast');
  });

  $('#navWrapper').hover( null, function() {
    //out
    $('#subnavWrapper').fadeOut('normal');
    $('#arrow').fadeOut('fast');
  });
});