$(document).ready(
    function(){					
                         
        var container = $('div#slideshow_container');
        if (container.length > 0)
        {
            var images = [
                ["/node/51",  "/files/images/valentina0-1.jpg"],
                ["/node/53",  "/files/images/vanessa1-1.jpg"],
                ["/node/55",  "/files/images/viola53.jpg"],
                ["/node/58",  "/files/images/zhannet0-1.jpg"],
                ["/node/40",  "/files/images/helen0-1.jpg"],
                ["/node/42",  "/files/images/laura0-1.jpg"],
                ["/node/46",  "/files/images/lorans1-2.jpg"],
                ["/node/36",  "/files/images/grace1-1.jpg"],
                ["/node/9",   "/files/images/agata5-1.jpg"],
                ["/node/21",  "/files/images/bridget0-1.jpg"],
                ["/node/1",   "/files/images/agata.jpg"],
                ["/node/1",   "/files/images/Irena-1_2.preview.jpg"],
                ["/node/1",   "/files/images/Tina_1.preview.jpg"],
                ["/node/1",   "/files/images/Luiza%205-427-0(1).preview.jpg"],
                ["/node/1",   "/files/Rimma-15%205-170-15.preview.jpg"],
                ["/node/1",   "/files/images/Irena-1_2.preview.jpg"]
            ];
            
            // randomize images
            for (var i = 0; i < images.length; i++)
            {
                try{
                    var i1 = Math.round(Math.random()*(images.length - 1))
                    var i2 = Math.round(Math.random()*(images.length - 1))
                    var i1_val = images[i1];
                    images[i1] = images[i2];
                    images[i2] = i1_val; 
                }
                catch(e)
                {}
            }
            //
              
            var width="200px";
            var height="300px";
              
            var slideshow_html = '<ul id="slideshow" style="list-style-type:none;padding:0px;margin:0px;width:' + width + ';height:' + height + ';">';
            for (var i = 0; i < images.length; i++)
                slideshow_html += '<li><a href="' + images[i][0] + '"><img class="image" width="' + width + '" height="' + height + '" src="'  + images[i][1] + '" alt="" /></a></li>';
            slideshow_html += '</ul>'; 
                            
            container = container[0];
            container.innerHTML = slideshow_html;
            container.style.width = width;
            container.style.height = height;
            container.style.margin= "10px";
            container.style.textAlign = "left";
            
            $('ul#slideshow').innerfade({
                speed: 1000,
                timeout: 5000,
                type: 'sequence',
                containerheight: height
            });		
        } 		
    }
);