$(function() {
        
        $("#showcase").showcase({
            css: { width: "978px", height: "383px" },
            animation: { interval: 4500, stopOnHover: true, easefunction: "swing", speed: 600 },
            linksOn: "titles",
            images: [
            { url:"/templates/img/img-1.jpg",
              description: "<h2 class=\"texth2\">Malownicza restauracja.</h2><p class=\"textp\">Poczuj rodzinną atmosferę i wszechobecny spokój jaki panuje w naszej restauracji.</p>",
              link:"/restauracja", target: "_blank" },
                  { url:"/templates/img/img-2.jpg",
              description: "<h2 class=\"texth2\">Malownicze wnętrza restauracji</h2><p class=\"textp\">Poczuj rodzinną atmosferę i wszechobecny spokój jaki panuje w naszej restauracji.</p>",
              link:"/restauracja", target: "_blank" },
                  { url:"/templates/img/img-3.jpg",
              description: "<h2 class=\"texth2\">Malownicze wnętrza restauracji</h2><p class=\"textp\">Poczuj rodzinną atmosferę i wszechobecny spokój jaki panuje w naszej restauracji.</p>",
              link:"/restauracja", target: "_blank" }],
            navigator: { position: "top-right", orientation: "horizontal", autoHide: false, showNumber: false,
                         css: { padding:"6px", margin: "10px 0px 0px 0px" },
                         item: {
                             css: { height:"12px", width:"12px", "-moz-border-radius": "8px", "-webkit-border-radius": "8px",
                                    backgroundColor: "Transparent", borderColor:"#878787" },
                             cssHover: { backgroundColor: "#ababab" },
                             cssSelected: { backgroundColor: "#dadada", borderColor: "#dadada" }
                         }
            },
            titleBar: { autoHide: false, css: { height: "78px", opacity: "0.5" } }
        });
        
        $('.lightbox').lightBox();
        
});