var pbstr = window.location.search;
    var patt1=/smallpb/;
    var patt2=/largepb/;
    var patt3=/xlargepb/;            
    
    var setpbtype = 2;
            
            if(pbstr != null){            
                    if(pbstr.match(patt1)){                       
                         setpbtype = 1;
                    }
                   if(pbstr.match(patt2)){                        
                         setpbtype = 2;
                    }
                   if(pbstr.match(patt3)){                       
                         setpbtype = 3;
                    }            
        }         

var slidePhotobook = function(){
    var gw, ot;
    var slideId, slideWidth, slideTime, slideSpeed, slideLoad, slideElem, numElem, totWidth, geachWidth;
    return {
        build: function(ha, sw, mt, s, sl){
            slideSpeed = s;
            slideWidth = sw;
            slideTime = mt;
            slideLoad = sl;
            slideWrap = document.getElementById(ha);
            slideElem = slideWrap.getElementsByTagName('span');
            numElem = slideElem.length;
            totWidth = slideWrap.offsetWidth;
            geachWidth = totWidth / numElem;
            ot = Math.floor((totWidth - slideWidth) / (numElem - 1));
            var i = 0;
            for (i; i < numElem; i++) {
                s = slideElem[i];
                s.style.width = geachWidth + 'px';
                this.timer(s);
            }
            if (slideLoad != null) {
                slideWrap.timer = setInterval(function(){
                    slidePhotobook.slide(slideElem[slideLoad - 1]);
                    slidePhotobook.rollImg(slideElem[slideLoad - 1].id);
                }, slideTime)
            }
        },
        timer: function(s){
            s.onclick = function(){
                clearInterval(slideWrap.timer);
                var openWidth = parseInt(s.style.width);
                var openId = s.id;
                if (openWidth >= slideWidth) {
                    if (openId == "large") {
                        slideWrap.timer = setInterval(function(){
                            slidePhotobook.slide(slideElem[0]);
                            slidePhotobook.rollImg(slideElem[0].id);
                        }, slideTime);
                    }
                    else 
                        if (openId == "xlarge") {
                            slideWrap.timer = setInterval(function(){
                                slidePhotobook.slide(slideElem[1]);
                                slidePhotobook.rollImg(slideElem[1].id);
                            }, slideTime);
                        }
                }
                else {
                    slideWrap.timer = setInterval(function(){
                        slidePhotobook.slide(s);
                        slidePhotobook.rollImg(s.id);
                    }, slideTime)
                }
            }
        },
        rollImg: function(s){
            if (s == "large") {
                document.getElementById("xlarge_img").style.display = "block";
                document.getElementById("xlarge_rimg").style.display = "none";
                document.getElementById("large_img").style.display = "none";
                document.getElementById("large_rimg").style.display = "block";
                document.getElementById("small_img").style.display = "none";
                document.getElementById("small_rimg").style.display = "block";
            }
            if (s == "xlarge") {
                document.getElementById("large_img").style.display = "none";
                document.getElementById("large_rimg").style.display = "block";
                document.getElementById("xlarge_img").style.display = "none";
                document.getElementById("xlarge_rimg").style.display = "block";
                document.getElementById("small_img").style.display = "none";
                document.getElementById("small_rimg").style.display = "block";
            }
            if (s == "small") {
                document.getElementById("xlarge_img").style.display = "block";
                document.getElementById("xlarge_rimg").style.display = "none";
                document.getElementById("large_img").style.display = "block";
                document.getElementById("large_rimg").style.display = "none";
                document.getElementById("small_img").style.display = "block";
                document.getElementById("small_rimg").style.display = "none";
            }
        },
        slide: function(s, c){
            var cw = parseInt(s.style.width);
            if ((cw < slideWidth && !c) || (cw > geachWidth && c)) {
                var owt = 0;
                var i = 0;
                for (i; i < numElem; i++) {
                    if (slideElem[i] != s) {
                        var o, ow;
                        var oi = 0;
                        o = slideElem[i];
                        ow = parseInt(o.style.width);
                        if (ow < geachWidth && c) {
                            oi = Math.floor((geachWidth - ow) / slideSpeed);
                            oi = (oi > 0) ? oi : 1;
                            o.style.width = (ow + oi) + 'px';
                        }
                        else 
                            if (ow > ot && !c) {
                                oi = Math.floor((ow - ot) / slideSpeed);
                                oi = (oi > 0) ? oi : 1;
                                o.style.width = (ow - oi) + 'px'
                            }
                        if (c) {
                            owt = owt + (ow + oi)
                        }
                        else {
                            owt = owt + (ow - oi)
                        }
                    }
                }
                s.style.width = (totWidth - owt) + 'px';
            }
            else {
                clearInterval(slideWrap.timer);
            }
        }
    };
}();