$(function(){
    var tmpPath = $("#template-dir").val() + '/gfx/lightbox';
    var link = "test";
    var srcMovie = "";
    /*
     * panele
     */
    $('#description-left').jScrollPane({
        showArrows: true,
        scrollbarWidth: 14,
        arrowSize: 14
    });
    $('#description-right').jScrollPane({
        showArrows: true,
        scrollbarWidth: 14,
        arrowSize: 14
    });
    
    
    
    /*
     * budowa galerii
     */
    var titleArr = [];
    $('.text-wrapper p').remove(':contains("			")');
    
    /*
     * obs�uga zdarze�
     */
    $('.gallery').append('<div id="links"></div>');
    $(".gallery-item").each(function(){
        var title = $(this).find('img').attr('title');
        var href = $(this).find('a').attr('href');
        var duplicate = false;
        for (var i = 0; i < titleArr.length; i++) {
            if (title == titleArr[i]) {
                duplicate = true;
            }
        }
        if (!duplicate) {
            titleArr.push(title);
            $('#links').append('<a href="' + href + '" title="' + title + '" rel="lightbox">' + title + '</a>');
        }
    });
    $('.gallery-item a').eq(5).attr('href', 'http://teatrnasz.pl/tn/wp-content/themes/tn/pages/plan_obiektu.php');
    $('#links').append('<a href="http://teatrnasz.pl/tn/wp-content/themes/tn/pages/plan_domku.php" title="Rzut domku">Rzut domku</a>'); 
	$('#links a').eq(4).attr('href', 'http://teatrnasz.pl/tn/wp-content/themes/tn/pages/plan_obiektu.php');
    /*
     * lightbox
     */

	$(document).bind('cbox_closed', function(){
		$('#cboxBack').remove();
	})
	
    $.fn.changeSlide = function(_str){
        var title = "";
        if (srcMovie == "pokoje") {
            title = "Rzut domku"
        }
        else {
            title = "Plan obiektu"
        }
        $.fn.colorbox({
            href: link,
            rel: "lightbox",
            scrolling: false
        }, function(){
        
            var linkHref = "<a id=cboxBack rel=lightbox title=" + $('a[title="' + title + '"]').attr('href') + ">wróć</a>";
            $("#cboxContent").append(linkHref);
            $('#cboxBack').click(function(){
              $('#cboxBack').remove();
                parent.$.fn.colorbox({
                    href: $('a[title="' + title + '"]').attr('href'),
                    rel: "lightbox",
                    scrolling: false
                })
            });
        });
        
        
        
    }
    
    
    $.fn.updateLabel = function(_str){
    
        var l = "";
        switch (_str) {
            case 'apartament':
                l = "Apartament";
                link = $('a[title="Apartament"]').attr('href');
                srcMovie = "obiekt";
                break;
            case 'domek':
                l = "Domek I";
                link = $('a[title="Domek II"]').attr('href');
                srcMovie = "obiekt";
                break;
            case 'domek_2':
                l = "Domek II";
                link = $('a[title="Domek II"]').attr('href');
                srcMovie = "obiekt";
                break;
            case 'domek_3':
                l = "Domek III";
                link = $('a[title="Domek III"]').attr('href');
                srcMovie = "obiekt";
                break;
            case 'restauracja':
                l = "Restauracja Teatru Naszego";
                link = $('a[title="Restauracja"]').attr('href');
                srcMovie = "obiekt";
                break;
            case 'parking':
                l = "Parking";
                link = $('a[title="Parking"]').attr('href');
                srcMovie = "obiekt";
                break;
            case 'dom':
                l = "Dom gospodarczy";
                link = $('a[title="Dom"]').attr('href');
                srcMovie = "obiekt";
                break;
            case 'teatr':
                l = "Teatr";
                link = $('a[title="Teatr"]').attr('href');
                srcMovie = "obiekt";
                break;
            case 'pokoj_2':
                l = "Pokój 2 os.";
                link = $('a[title="Pokój 2 os."]').attr('href');
                srcMovie = "pokoje";
                break;
            case 'pokoj_4':
                l = "Pokój 4 os.";
                link = $('a[title="Pokój 4 os."]').attr('href');
                srcMovie = "pokoje";
                break;
            case 'lazienka':
                l = "Łazienka";
                link = $('a[title="Łazienka"]').attr('href');
                srcMovie = "pokoje";
                break;
            case 'salon':
                l = "Salon";
                link = $('a[title="Salon"]').attr('href');
                srcMovie = "pokoje";
                break;
        }
        
        $('#cboxTitle').html(l);
    }
    
    
    
    $(".gallery-item a, div.hidden-links a, #subpage_24 #links a").attr("rel", "lightbox");
    $("a[rel=lightbox]").colorbox({
        transition: 'elastic',
        scrolling: false
    });
    
    $(".gallery-item img, #links a").hover(function(){
        showSiblings($(this));
    }, function(){
        hideSiblings($(this));
    });
  //  $('#links a').click(function(){
        //   return false;
   // })
    function showSiblings(o){
        var currItemLabel = o.attr('title');
        //alert(currItemLabel);
        if (o[0].tagName.toLowerCase() == "img") {
            o.fadeTo('fast', 0.8);
        }
        
        
        $('img[title=' + currItemLabel + '], a[title=' + currItemLabel + ']').addClass('active');
        
    }
    
    function hideSiblings(o){
        $('.gallery img, .gallery a').removeClass('active');
        if (o[0].tagName.toLowerCase() == "img") {
            o.stop();
            o.fadeTo('slow', 1);
        }
    }
});