/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

(function($){
    $.fn.initSlideShow=function(settings){
        var contextObj = this;
        contextObj.width(settings.width+"px");
        contextObj.height(settings.height+"px").css("overflow","hidden");

        var initType1AndType2=function(){
            $("img",contextObj).preloadImages(function(){
                contextObj.galleryView({
                    panel_width: settings.width,
                    panel_height: settings.height,
                    frame_width: settings.thumbWidth,
                    frame_height: settings.thumbHeight,
                    transition_interval:settings.time*1000
                });
                if(contextObj.find(".panel-overlay:first").find("a").html().length==0){
                    contextObj.find(".panel-overlay:first").next(".overlay").css("display","none");
                }
            });
        }

        var type1=function(){
            var items=settings.items;
            var labels=settings.labels;
            var links=settings.links;
            for(var i=0;i<items.length;i++){
                var div=$(document.createElement("div")).attr("class","panel");
                var img=$(document.createElement("img")).attr("src",items[i]);
                div.append(img);
                div.append("<a href='"+links[i]+"')'></a>");
                div.append('<div class="panel-overlay"><a>'+labels[i]+'</a></div>');
                contextObj.append(div);
            }

            initType1AndType2();
        }

        var type2=function(){
            contextObj.attr("class","galleryview");

            var items=settings.items;
            var labels=settings.labels;
            var links=settings.links;
            for(var i=0;i<items.length;i++){
                var div=$(document.createElement("div")).attr("class","panel");
                var img=$(document.createElement("img")).attr("src",items[i]);
                div.append(img);
                div.append("<a href='"+links[i]+"')'></a>");
                div.append('<div class="panel-overlay"><a>'+labels[i]+'</a></div>');
                contextObj.append(div);
            }

            var thumbitems=settings.thumbsitems;
            var ul=$(document.createElement("ul")).attr("class","filmstrip");
            for(i=0;i<thumbitems.length;i++){
                var li=$(document.createElement("li"));
                img=$(document.createElement("img")).attr("src",thumbitems[i]);
                img.attr("width",settings.thumbWidth);
                img.attr("height",settings.thumbHeight);
                ul.append(li.append(img));
            }
            contextObj.append(ul);

            initType1AndType2();

        }

        var type3=function(){
            var items=settings.items;
            var links=settings.links;
            var lables=settings.labels;
            for(var i=0;i<items.length;i++){
                var img=$(document.createElement("img")).attr("src",items[i]);
                img.attr('alt',lables[i]);
                contextObj.append(img);
                contextObj.append("<a href='"+links[i]+"' target='_blank'/></a>");
            }

            $("img",contextObj).preloadImages(function(){
                contextObj.jqFancyTransitions({
                    width: settings.width,
                    height: settings.height,
                    delay:settings.time*1000,
                    effect: 'wave',
                    links:true
                });
            });
        }

        var type4=function(){
            var div=$(document.createElement("div")).attr("class","gallery");
            var items=settings.items;
            var labels=settings.labels;
            for(var i=0;i<items.length;i++){
                var img=$(document.createElement("img")).attr("src",items[i]);
                img.attr('alt',labels[i]);
                div.append(img);
                div.append("<a href='http://workshop.rs'/></a>");
            }
            $(div).find("img:eq(1)").attr("class", "start");
            contextObj.append(div);

            $("img",contextObj).preloadImages(function(){
                $('div.gallery img').slidingGallery({
                    container:contextObj,
                    Lheight: 220,
                    Lwidth: 300,
                    Pheight: 200,
                    Pwidth: 150
                });
            });
        }

        switch (settings.type) {
            case 1:
                type1();
                break;
            case 2:
                type2();
                break;
            case 3:
                type3();
                break;
            case 4:
                type4();
                break;
            default:
                type1();
        }


    }
})(jQuery);