/**
 * Fancy thumbnails for n-n.ch.
 *
 * @package jQuery
 * @subpackage nn
 * @author Remo Häusler <remo.haeusler@hotmail.com>
 */

var nn = nn || {};
nn.FancyThumbnails =
{
    build: function (settings)
    {
        var settings = jQuery.extend({
        }, settings);
		
		
        return this.each(function(i){
            var jSelf = jQuery(this);
            jSelf.find('.mask')
            .css('width', '100px')
            .css('height', '75px')
            .css('overflow', 'hidden')
            .css('position', 'relative');

            var jStripe = jSelf.find('.stripe')
            .css('white-space', 'nowrap')
            .css('position', 'relative');
        
            jStripe.total = jStripe.find('a').length;
            //.css('float', 'left')
            //.css('width', '105px')
            if (jStripe.total <= 1){
				jSelf.find('.controll').css('display', 'none');	
			}
			
            jStripe.index = 0;
            jStripe.jInfo = jSelf.find('.info').empty().html('1 / ' + jStripe.total);

            jSelf.find('.next').bind('click', function(event){
                if (++jStripe.index >= jStripe.total){
                    jStripe.index = jStripe.total - 1;
                }
                nn.FancyThumbnails.scroll(jStripe);
            }).css('cursor', 'pointer');
        
            jSelf.find('.prev').bind('click', function(event){
                if (--jStripe.index < 0){
                    jStripe.index = 0;
                }
                nn.FancyThumbnails.scroll(jStripe);
            }).css('cursor', 'pointer');
            
            jSelf.find('.first').bind('click', function(event){
                jStripe.index = 0;
                nn.FancyThumbnails.scroll(jStripe);
            }).css('cursor', 'pointer');

            jSelf.find('.last').bind('click', function(event){
                jStripe.index = jStripe.total - 1;
                nn.FancyThumbnails.scroll(jStripe);
            }).css('cursor', 'pointer');
        

        });
    },
    
    scroll: function (jStripe)
    {
        var x1 = jStripe.find('a:eq(' + jStripe.index + ')').offset().left;
        var x2 = jStripe.offset().left;
        var x = x1 - x2;
        jStripe.animate({left: (-x) + 'px'}, 'slow');
        jStripe.jInfo.empty().html((jStripe.index + 1) + ' / ' + jStripe.total);
    }
}

jQuery.fn.fancyThumbnails = nn.FancyThumbnails.build;