var numberpics=0;
    var heading = 'Bungalow';
    var ie = 0;
    function setVars(src, header, numpics) {
        heading = header;
        document.getElementById("bpHeading").innerHTML = header;
        numberpics = numpics;
//        src.onclick = loadBigPic2;
//        src.onclick();
        loadBigPic(src.src, header, numpics);
        
    }

    function loadGallery(head, nump, src) {
        
        var currentBPic = document.getElementById("bpImg");
        currentBPic.src = '/sanpimages/' + src;
        numberpics = nump;
        heading = head;
        Gallery();
    }
     
    function loadBigPic(src, header, numpics) {
        
        changeDisplay('devider', '');
        changeDisplay('picNext', '');
        changeDisplay('picPrev', '');
        changeDisplay('picGal', '');
        numberpics = numpics;
        var aLoader = document.getElementById('ajaxLoader');
        aLoader.style.display = '';
        //        cobj(aLoader, 31, 31);
        centerAjax(document.getElementById('bpImgDiv'));
        changeDisplay('spImgDiv', 'none');
        changeDisplay('bpImgDiv', ''); 
        heading = header;
        document.getElementById("bpHeading").innerHTML = heading;
        var bpImg = document.getElementById("bpImg");
        bpImg.src = '';
        bpImg.style.display = 'none';          
        bpImg.src = src.replace('_D', '_L');

        document.getElementById('largePicHolder').style.display = '';
        cobj_sanp(document.getElementById('largePicHolder'));
    }

    function loadBigPic2() {
        document.getElementById("bpHeading").innerHTML = heading;
        var src = this.src;
        //alert(src);
        changeDisplay('devider', '');
        changeDisplay('picNext', '');
        changeDisplay('picPrev', '');
        changeDisplay('picGal', '');
        //numberpics = numpics;
        var aLoader = document.getElementById('ajaxLoader');
        aLoader.style.display = '';
        cobj(aLoader, 31, 31);
        changeDisplay('spImgDiv', 'none');
        changeDisplay('bpImgDiv', '');
        //heading = header;
        
        var bpImg = document.getElementById("bpImg");
        bpImg.src = '';
        bpImg.style.display = 'none';
        bpImg.src = src.replace('_D', '_L');

        document.getElementById('largePicHolder').style.display = '';
        cobj_sanp(document.getElementById('largePicHolder'));
    }

    function clearAL() {        
        changeDisplay('ajaxLoader', 'none');
        changeDisplay('bpImg', '');
    }

    function centerAjax(obj) {
         
    }
    function movePic(inc) {
        var src = document.getElementById("bpImg").src;       
        var split = src.split('_');        
        var currentnum = split[1];
        var next = currentnum - (-1 * inc);
        var newpic = '';
        if (next > numberpics) 
            newpic = split[0] + '_1' + '_L.jpg';       
        else if (next == 0) 
            newpic = split[0] + '_' + numberpics + '_L.jpg';      
        else
            newpic = split[0] + '_' + next + '_L.jpg';
       
        loadBigPic(newpic, heading, numberpics);
    }

    function Gallery() {
        var currentBPic = document.getElementById("bpImg");
        document.getElementById("bpHeading").innerHTML = heading + ' - Gallery';
        var src = currentBPic.src;
        changeDisplay('bpImgDiv', 'none');
        changeDisplay('spImgDiv', '');
        changeDisplay('picNext','none');
        changeDisplay('picPrev', 'none');
        changeDisplay('picGal', 'none');
        changeDisplay('devider', 'none');
        var lpl = document.getElementById('largePicHolder');
        lpl.style.display = '';
        var spImgDiv = document.getElementById('spImgDiv');
        spImgDiv.style.display = '';
        spImgDiv.innerHTML = '';

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

            var smallImg = document.createElement('img');
            var newSrc = split[0] + '_' + i + '_D.jpg';
            arrNewSrc[i-1] = newSrc;
            
            smallImg.src = newSrc;
            smallImg.style.width = '126px';
            smallImg.style.height = '105px';
            if (i % 3 == 1 || i == 1) {
                spImgDiv.innerHTML += '<div class="dvd"></div><div style="float:left;width:35px;height:105px"></div>';
                
            }
            else {
                spImgDiv.innerHTML += '<div style="float:left;width:35px;height:105px"></div>';
            }
            smallImg.id = 'smImage' + i;
            spImgDiv.appendChild(smallImg);
            
            
            smallImg.style.cursor = 'pointer';

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

        var newnewSrc;
        for (var j = 1; j <= arrNewSrc.length; j++) {

            
            var smImage = document.getElementById('smImage' + j);
            smImage.onclick = loadBigPic2;
            if (ie == 1) {
                newnewSrc = arrNewSrc[j-1];
                smImage.style.styleFloat = 'left';
                
            }
            
            else {
                smImage.style.cssFloat = 'left';
                //smimage.setattribute('onclick', 'loadbigpic(this.src,\'' + heading + '\',' + numberpics + ')');
            }
        }
        cobj_sanp(document.getElementById('largePicHolder'));
    }

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

    function ClearPictures() {        
        changeDisplay('largePicHolder', 'none');
        changeDisplay('ajaxLoader', 'none');       
    }