var numberpicsp=0;
    var headingp = 'Bungalow';
    var iep = 0;
    var piclist = [];
    var currentnump = 0;
    function arrIndexAt(haystack, needle) {
        for (var i in haystack) {
            if (haystack[i].indexOf(needle) != -1)
                return i;
        }
        return -1;
    }
    function setVarsp(src, header, numpics) {
        currentnump = arrIndexAt(piclist, '/img/' + src.src.replace('_M', '_L').replace('_D','_L').split('/')[4]);
        headingp = piclist[currentnump].split('::')[1];        
        numberpicsp = numpics;
        src.onclick = loadBigPic2p;
        src.onclick();
    }

    function loadGalleryp(head, nump, src) {        
        var currentBPic = document.getElementById("bpImgp");
        currentBPic.src = src;
        numberpicsp = nump;
        headingp = head;
        Galleryp();
        
    }
     
    function loadBigPicp(src, header, numpics) {        
        changeDisplayp('deviderp', '');
        changeDisplayp('picNextp', '');
        changeDisplayp('picPrevp', '');
        changeDisplayp('picGalp', '');
        numberpicsp = numpics;
        var aLoader = document.getElementById('ajaxLoaderp');
        aLoader.style.display = '';
        //        cobj(aLoader, 31, 31);
        centerAjax(document.getElementById('bpImgDivp'));
        changeDisplayp('spImgDivp', 'none');
        changeDisplayp('bpImgDivp', ''); 
        headingp = header;
        document.getElementById("bpHeadingp").innerHTML = headingp;
        var bpImgp = document.getElementById("bpImgp");
        bpImgp.src = '';
        bpImgp.style.display = 'none';
        

        document.getElementById('largePicHolderp').style.display = '';
        cobj(document.getElementById('largePicHolderp'), 532, 404);        
    }

    function loadBigPic2p() {
        var src = this.src;
        //alert(src);    
        src = src.replace('_D', '_L');
        src = src.replace('_M', '_L');
        currentnump = arrIndexAt(piclist, '/img/' + src.split('/')[4])
        headingp = piclist[currentnump].split('::')[1];
             
        changeDisplayp('deviderp', '');
        changeDisplayp('picNextp', '');
        changeDisplayp('picPrevp', '');
        changeDisplayp('picGalp', '');
        //numberpicsp = numpics;
        var aLoader = document.getElementById('ajaxLoaderp');
        aLoader.style.display = '';
        cobj(aLoader, 31, 31);
        changeDisplayp('spImgDivp', 'none');
        changeDisplayp('bpImgDivp', '');
        //headingp = header;
        document.getElementById("bpHeadingp").innerHTML = headingp;
        var bpImgp = document.getElementById("bpImgp");
        bpImgp.src = '';
        bpImgp.style.display = 'none';
        bpImgp.src = src;
        document.getElementById('largePicHolderp').style.display = '';
        cobj(document.getElementById('largePicHolderp'),532, 404);
    }

    function clearALp() {        
        changeDisplayp('ajaxLoaderp', 'none');
        changeDisplayp('bpImgp', '');
    }

    function centerAjax(obj) {
         
    }
    function movePicp(inc) {
        var aLoader = document.getElementById('ajaxLoaderp');
       
        aLoader.style.display = '';
        var bimg = document.getElementById("bpImgp")
        bimg.style.display = 'none';
        var src = bimg.src;
        
        currentnump = arrIndexAt(piclist, '/img/' + src.split('/')[4])
        var split = src.split('_');        
//        var currentnump = split[1];
        var next = currentnump - (-1 * inc);
        
        var newpic = '';        
        if (next > piclist.length-1)
            newpic = piclist[0];
        else if (next == 0)
            newpic = piclist[piclist.length-1]
        else
            newpic = piclist[next];

        bimg.src = newpic.split('::')[0];
        headingp = newpic.split('::')[1];        
        document.getElementById("bpHeadingp").innerHTML = headingp;
    }

    function Galleryp() {
        var currentBPic = document.getElementById("bpImgp");
        document.getElementById("bpHeadingp").innerHTML = 'Gallery';
        var src = currentBPic.src;
        changeDisplayp('bpImgDivp', 'none');
        changeDisplayp('spImgDivp', '');
        changeDisplayp('picNextp','none');
        changeDisplayp('picPrevp', 'none');
        changeDisplayp('picGalp', 'none');
        changeDisplayp('deviderp', 'none');
        var lpl = document.getElementById('largePicHolderp');
        lpl.style.display = '';
        var spImgDivp = document.getElementById('spImgDivp');
        spImgDivp.style.display = '';
        spImgDivp.innerHTML = '';

        num = numberpicsp;
        var arrNewSrc = new Array(num);
        
        for (var i = 1; i <= piclist.length; i++) {
            //var split = src.split('_');
//            var divider = document.createElement('div');
//            divider.style.width = '31px';
//            divider.style.height = '105px';          

            
            //var newSrc = split[0] + '_' + i + '_D.jpg';
            //            arrNewSrc[i-1] = newSrc;
//            var smallImg = document.createElement('img');
//            smallImg.src = piclist[i - 1].replace('_L', '_D').split('::')[0];
//            smallImg.style.width = '126px';
            //            smallImg.style.height = '105px';
            var smallImg = '<img id="smImage' + i + '" src="' + piclist[i - 1].replace('_L', '_D').split('::')[0] + '" style="cursor:pointer;height:105px;width:126px;float:left;" onclick="setVarsp(this,\'' + piclist[i - 1].split('::')[1] + '\',' + numberpicsp + ')" />';
            if (i % 3 == 1 || i == 1) {
                spImgDivp.innerHTML += '<div class="dvd"></div><div style="float:left;width:35px;height:105px"></div>';
                
            }
            else {
                spImgDivp.innerHTML += '<div style="float:left;width:35px;height:105px"></div>';
            }
            //smallImg.id = 'smImage' + i;
//            if (iep == 1) {
//                smallImg.style.styleFloat = 'left';
//            }
//            else {
//                smallImg.style.cssFloat = 'left';
//            }
            //            spImgDivp.appendChild(smallImg);
            spImgDivp.innerHTML += smallImg;
            
            //smallImg.style.cursor = 'pointer';

        }
        spImgDivp.innerHTML += '<div class="dvd"></div><b>Click any thumbnail to see a large version of that image</b>';

        
//        for (var i = 1; i <= piclist.length; i++) {            
//            var smImage = document.getElementById('smImage' + i);
//            smImage.onclick = loadBigPic2p;
//            if (iep == 1) {
//                smImage.style.styleFloat = 'left';              
//            }            
//            else {
//                smImage.style.cssFloat = 'left';
//            }
//        }
        cobj(document.getElementById('largePicHolderp'),532, 404);
    }

    function changeDisplayp(id, action) {
        var theObj = document.getElementById(id);
        theObj.style.display = action;
    }

    function ClearPicturesp() {        
        changeDisplayp('largePicHolderp', 'none');
        changeDisplayp('ajaxLoaderp', 'none');       
    }