/* House Image Navigation */
var noImgPath_168_126 = "imgs/no_img_168_126.jpg";
var noImgPath_267_200 = "imgs/no_img_267_200.jpg";

function PictureNavigation(houseid,isAutoSwitch)
{
    var index=0; var imgs = new Array();var count=0;
    var btnpre = null; var btnnxt = null;
    var autoSwitchId = null;
    
    var container = null;
    var objImgName = document.createElement("SPAN");
    var objImg = document.createElement("IMG");
    
    this.init = function()
    {
        container = document.getElementById("imgs_"+houseid);
        container.innerHTML = "正在加载，请稍后...";
        
        var xmlHttp;
        var strURL = "webservice.aspx?operation=getpictures&houseid="+houseid;
        if(window.XMLHttpRequest)
        { // For Mozilla, Safari, ...
            var xmlHttp = new XMLHttpRequest();
        }
        else if(window.ActiveXObject)
        { // For Internet Explorer
            var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlHttp.open('POST', strURL, true);
        xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        xmlHttp.onreadystatechange = function()
        {
            if (xmlHttp.readyState == 4)
            {
                container.innerHTML = "";
                inited(xmlHttp.responseText,container);
            }
        }
        xmlHttp.send(strURL);
    }
    var inited = function(response,container)
    {   
        var imglst = response.split(';');
        
        for(var i=0;i<imglst.length;i++)
        {
            if(imglst[i]=="")
                break;
            
            var text = '['+imglst[i].split(',')[0]+']';
            var link = imglst[i].split(',')[1];
            imgs.push({link:link,text:text});
        }
        count = imgs.length;
        
        fillContent();
    }
    var fillContent = function()
    {
        if(isAutoSwitch)
            autoSwitchId = setInterval(autoSwitch,2000);
        
        container.appendChild(objImg);
        if(count==0)
        {
            objImg.src = noImgPath_168_126;
            objImg.alt = "没有图片";
            return ;
        }
        else
        {
            objImgName.innerHTML = imgs[index].text;
            objImg.src = imgs[index].link;
            objImg.alt = imgs[index].text;
        }
        // Button Previous
        btnpre = document.createElement("SPAN");
        btnpre.className = "flft button";
        btnpre.style.cursor = "pointer";
        btnpre.innerHTML = "上一张";
        btnpre.onclick = showpre;
        container.appendChild(btnpre);
        // Button Next
        btnnxt = document.createElement("SPAN");
        btnnxt.className = "frht button";
        btnnxt.style.cursor = "pointer";
        btnnxt.innerHTML = "下一张";
        btnnxt.onclick = shownext;
        container.appendChild(btnnxt);
        // Image Name
        objImgName.innerHTML = imgs[index].text;        
        container.appendChild(objImgName);        

        displaybutton();
    }    
    function showpre()
    {            
        if(autoSwitchId!=null)
            clearInterval(autoSwitchId);
        index--;
        
        objImgName.innerHTML = imgs[index].text;
        objImg.src = imgs[index].link;
        objImg.alt = imgs[index].text;
            
        displaybutton();
    }
    function shownext()
    {
        if(autoSwitchId!=null)
            clearInterval(autoSwitchId);
        index++;
        
        objImgName.innerHTML = imgs[index].text;
        objImg.src = imgs[index].link;
        objImg.alt = imgs[index].text;
        
        displaybutton();
    }
    function displaybutton()
    {
        btnpre.style.display = "block";
        btnnxt.style.display = "block";
        if(index == 0)
            btnpre.style.display = "none";
        if(index == count-1)
            btnnxt.style.display = "none";
    }
    function autoSwitch()
    {
        index++;
        if(index==count)
            index = 0;
        objImgName.innerHTML = imgs[index].text;
        objImg.src = imgs[index].link;
        objImg.alt = imgs[index].text;
        
        displaybutton();
    }
}