/*
  @project page
  @name page.js
  @created  2009-03-01, 18:08:05
  @author lukasz.tyrala
  @license  default
  @description  
*/

jQuery.fn.inputHover = function() {
  return this.each(function() {
    if( !jQuery(this).val() ) jQuery(this).val( jQuery(this).attr('title') )

    jQuery(this).focus(function() {
    if (jQuery(this).val() == jQuery(this).attr('title'))
      {
        jQuery(this).val('');
      }
    });

    jQuery(this).blur(function() {
      if (!jQuery(this).val())
      {
        jQuery(this).val(jQuery(this).attr('title'));
      }
    });
  });
}; // /fn.inputHover


jQuery.fn.intabs = function(tab_id) {

      return this.each(function() {

        var start_tab       = tab_id || 0; // Tab index to start from

        // Settings ----------------------------
        var nav_element_def = '.tabs li'; // Avoid using class names for li as they are destroyed while changing a tab
        var sub_section_def = '.tabbed';
        var normal_def      = '.normal';
        var current_label   = 'current';
        // End od settings ---------------------

        var nav_element = jQuery(this).find(nav_element_def).not(normal_def);
        var sub_section = jQuery(this).find(sub_section_def);

        var sub_section_start = sub_section.eq(start_tab);
        var nav_element_start = nav_element.eq(start_tab);

        sub_section.hide();
        sub_section_start.show();
        nav_element.addClass('');
        nav_element_start.addClass(current_label);

        // Change 'click' to eg. 'mouseover' for different event
        nav_element.click(function() {
          var nav_index = nav_element.index(this);

          // @todo Give user possibility to choose effects
          sub_section.hide();
          sub_section.eq(nav_index).show();

          nav_element.removeAttr('class');
          nav_element.eq(nav_index).addClass(current_label);
          return false;
         });
       });

    }; // /jQuery.fn.intabs = function() {

jQuery(document).ready(function(){

  jQuery('.about-kindergarden').intabs();
  
  jQuery('#menu ul li').hover(function() {
    jQuery(this).addClass('hov');
  },
  function() {
    jQuery(this).removeClass('hov');
  });

  jQuery('#menu ul li a').after('<span class="li-decor"></span>')
  jQuery('.settings input#s').inputHover()

}); // /document.ready

