$(document).ready(function(){
    
    var loop = 0;
    $( ".novinka" ).each(function( intIndex ){
       //alert("Size :" + $(".nextimg a").size());
      $(this).find(".lightbox").first().attr("rel", "group" + loop);    
      $(this).find("div.nextimg div > a.lightbox").attr("rel", "group" + loop);
      loop = loop+1;
    }); 
    
    $("a.lightbox").fancybox();

    
    
    /*$('a.lightbox').lightBox({
     imageLoading: '/repository/js/lightbox/images/lightbox-ico-loading2.gif',
     imageBtnClose: '/repository/js/lightbox/images/lightbox-btn-close.gif',
     imageBtnPrev: '/repository/js/lightbox/images/lightbox-btn-prev.gif',
     imageBtnNext: '/repository/js/lightbox/images/lightbox-btn-next.gif'
    });*/

    scrollbarDisallow();

    var IMAGES = {};
    IMAGES.color2grey = function( images ){

        var $images = $(images);
        $images.each(function(){
//             var imgObj = this;
//             if($.browser.msie){
//                 grayscaleImageIE(imgObj);
//             } else if($.browser.webkit) {
                var _image = $(this);
                $('<span></span>').insertAfter( _image );
                _image.parent('a').css('position', 'relative');
                _image.next('span').css({
                    'background-color': '#000000',
                    'position': 'absolute',
                    'top': '0',
                    'left': '0',
                    'width': '100px',
                    'height': '100px',
                    'z-index': '100',
                    'filter': 'alpha(opacity=60)',
                    '-moz-opacity': '0.6',
                    'opacity': '0.6'
                });
//             } else {
//                 var _image = $(this);
//                 _image.data('colorSrc', _image.attr('src'));
//                 imgObj.src = grayscaleImage(imgObj);
//             }
        });

//         if($.browser.webkit) {
            $images.next('span').hover(
                function(){
                    _span = $(this);
                    _span.fadeTo('fast',0.05);
                },
                function(){
                    _span = $(this);
                    _span.fadeTo('fast',0.6);
                }
            );
//         } else {
//             $images.hover(
//                 function(){
//                     if($.browser.msie){
//                         var imgObj = this;
//                         colorscaleImageIE(imgObj);
//                     } else {
//                         var _image = $(this);var imgObj = this;
//                         _image.data('greySrc', _image.attr('src') );
//                         _image.attr('src', _image.data('colorSrc') );
//                     }
//                 },
//                 function(){
//                     if($.browser.msie){
//                         var imgObj = this;
//                         grayscaleImageIE(imgObj);
//                     } else if($.browser.webkit) {
//                         var _image = $(this);
//                         _image.next('span').fadeIn('fast');
//                     } else {
//                         var _image = $(this);
//                         _image.attr('src', _image.data('greySrc') );
//                     }
//                 }
//             );
//         }
    }

    if( $('.portfolioImg').size() > 2 ){ //pouze na prehledu, ne na detailu

        var vyska = $('#portfolio-levy-1').height();

        $('#portfolio-levy-1')
            .css({
                'height': '305px',
                'overflow': 'hidden'
            });

        $('.showMore').click(function(){
            $('#portfolio-levy-1').animate({height: vyska +'px'}, 2000, 'easeInOutExpo');
            $(this).fadeOut('fast');
        });

        // ZSEDNE OBRAZKY, HOVER OPET OBARVI by marek:P
        IMAGES.color2grey('.portfolioImg');
    }

    

    

  $('#box15-1-obsah .img').css('display', 'none');
  $('#box15-1-obsah .img:first-child').css('display', 'block'); 
	
  $('.nextimg').click(function(){
    var img = $(this).attr('id');
    $('#box15-1-obsah img').css('display', 'none');
    $('#box15-1-obsah #'+img).css('display', 'block');                         
  });
                             
});


$(window).resize(function(){
 	scrollbarDisallow();
});

// function grayscaleImageIE(imgObj)
// {
//     imgObj.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)';
// }
//
// function colorscaleImageIE(imgObj)
// {
//     imgObj.style.filter = '';
// }

// function grayscaleImage(imgObj) //http://www.ajaxblender.com/howto-convert-image-to-grayscale-using-javascript.html
// {
//     var canvas = document.createElement('canvas');
//     var canvasContext = canvas.getContext('2d');
//
//     var imgW = imgObj.width;
//     var imgH = imgObj.height;
//     canvas.width = imgW;
//     canvas.height = imgH;
//
//     try{
//         canvasContext.drawImage(imgObj, 0, 0);
//         var imgPixels = canvasContext.getImageData(0, 0, imgW, imgH);
//
//         for(var y = 0; y < imgPixels.height; y++){
//             for(var x = 0; x < imgPixels.width; x++){
//                 var i = (y * 4) * imgPixels.width + x * 4;
//                 var avg = (imgPixels.data[i] + imgPixels.data[i + 1] + imgPixels.data[i + 2]) / 3;
//                 imgPixels.data[i] = avg;
//                 imgPixels.data[i + 1] = avg;
//                 imgPixels.data[i + 2] = avg;
//             }
//         }
//
//         canvasContext.putImageData(imgPixels, 0, 0, 0, 0, imgPixels.width, imgPixels.height);
//         return canvas.toDataURL();
//     } catch(e){}
// }

function scrollbarDisallow() // by Vojte :-)
{
	sirka = $(window).width();
	if(sirka > 910){
    $("html, body").css("overflow-x", "hidden");
    $("html, body").css("width", sirka);
  }
  else if(sirka < 910){
    $("html").css("overflow-x", "auto");
    $("html, body").css("width", "1020px");
    $("body").css("text-align", "left");
    $("#funlife").css("left", "-60px");
  }
}
