///////////////////////////////////////
//
// toggle default field value
//
//////////////////////////////////////
jQuery.fn.eyelid = function(options) {
    
    
    
    // build main options before element iteration
    //----------------------------------------------------------------------
    var opts = $.extend({}, $.fn.eyelid.defaults, options);

    return this.each(function(i){
    
        // set context vars
        //----------------------------------------------------------------------
        var obj = $(this);
        
        // attrs
        var width   = obj.width();
        var exHeight= obj.height();
        var src     = obj.attr('src');
        
        // html nodes
        var wrap    = $('<div class="eyelid-wrap" />');
        var eyelid  = $('<div class="eyelid" id="ey-' + i + '" />');
        var button  = $('<span class="eyelid-button" title="' + opts.strExpand + '">' + opts.strExpand + '</span>');
        
        // css
        var eyelidCss = {
            'height':             opts.height,
            'width':              width,
            'background-image':   'url(' + src + ')',
            'background-position':'left top'
        };
        
        // dom setup
        eyelid.append(button);
        eyelid.css(eyelidCss)
        wrap.append(eyelid);
        obj.wrap(wrap);
        obj.remove();
        
        //debug(button);
        
        // events
        $('#ey-' + i).toggle(
            function() {
                $(this).slideTo('fast', exHeight);
                $(this).find('.eyelid-button').addClass('eyelid-shrink').text(opts.strShrink).attr('title',opts.strShrink);
            },
            function() {
                $(this).slideTo('fast', opts.height);
                $(this).find('.eyelid-button').removeClass('eyelid-shrink').text(opts.strExpand).attr('title',opts.strExpand);;
            }
        );
        
    });
};

////////////////////////////////////////////////////////////////////////////
//
// $.fn.eyelid.defaults
// set default options
//
////////////////////////////////////////////////////////////////////////////
$.fn.eyelid.defaults = {
    height:         140,
    strExpand:      'vergrößern',
    strShrink:      'verkleinern'
};

jQuery.fn.slideTo = function(speed, target, easing, callback) {
    return this.animate({height: target}, speed, easing, callback);
};

///////////////////////////////////////
//
// domready...
//
//////////////////////////////////////
$(document).ready(function () {
       
    // setup eyelid
    //--------------------------------------------------------------------------
    $('img.size-full').eyelid();
    
    
    // ui improvements, effects
    //--------------------------------------------------------------------------
    $('h2 a, h3 a').hover(
        function(){
            $(this).parents('.blog-box').addClass('blog-box-hover');
        },
        function(){
            $(this).parents('.blog-box').removeClass('blog-box-hover');
        }
    );
    
});