﻿ 

function jsd$() {
	var ret = [];
	for(var i=0; i < arguments.length; i++) {
		if (typeof arguments[i] == 'string') {
			ret.push(document.getElementById(arguments[i]));
		} else {
			ret.push(arguments[i]);
		}
	}
	return ret[1]?ret:ret[0];
}

// create element
function jsd$c(tag) {
	return document.createElement(tag);
}

var _default_imgindex = 0;

function productdetailInitialized()
{
    if(typeof(const_itemimages)!=undefined)
   {
        prodimgInit();
   }  
   GoodsImgSize();
}
 

function prodimgInit()
{
    prodimgDraw(0);
}

function prodimgTurn(e)
{
    var resetindex = _default_imgindex + e;
   
    //alert("const_itemimages.length -> " + const_itemimages.length + "\n\n resetindex : " + resetindex);
   
    if((resetindex>=0)&&(resetindex<const_itemimages.length)&&((resetindex+5)<=const_itemimages.length))
   {
        prodimgDraw(resetindex);
   } else
   {
        //vistaAlert("到顶了.");
   }
}

function prodimgDraw(startPos)
{
        var panel = jsd$("prdimg_s_img");
        while(panel.childNodes.length>0)
       {
            panel.removeChild(panel.childNodes[0]);
       } 
      
        // Prev Button 
       
        var li = jsd$c("li");
        li.className = "list_a";
        var div = jsd$c("div");
        div.innerHTML = "<a href=\"javascript:prodimgTurn(-1);\" onFocus=\"this.blur();\"><img src=\"/images/skins/lmbskin_038/btn_prdimg_prev.gif\" align=\"absmiddle\" alt=\"上一张\" /></a>";
        li.appendChild(div);
        panel.appendChild(li);     
       
        // InItem 
        var no = 0; 
        //alert("startPos -> " + startPos); 
        _default_imgindex = startPos;
        for(i=startPos;i<const_itemimages.length;i++)
        {
            no++; 
            var thumburl = const_itemimages[i][0];
            var imgurl = const_itemimages[i][1];
            //alert(thumburl + "\n\n" + imgurl);
            
            var itemli = document.createElement("li");
            itemli.className = "list_b";
            if(no==5)itemli.className = "list_c";
            
            var itemdiv = document.createElement("div");
			if(i==startPos){itemdiv.className="setimg";}
            var imgwid = "50";
            if(no==5)imgwid = "49";
            itemdiv.innerHTML = "<a href=\"javascript:prodimageEnlarge(" + i + ");\" onFocus=\"this.blur();\" onmouseover=\"prodimageSwap('" + imgurl + "',this);\"><img  src='" + thumburl + "'  width='" + imgwid + "' align='absmiddle' class='abc' height='50'></a>";
            itemli.appendChild(itemdiv);
            panel.appendChild(itemli);

            if(no==5)break;
        }
        
        //alert(no);
        if(startPos==0&&no<5)
        {
            for(i=(no+1);i<=5;i++)
            {
                var itemli = document.createElement("li");
                itemli.className = "list_b";
                if(i==4)itemli.className = "list_c";
                
                var itemdiv = document.createElement("div");
                var imgwid = "50";
                if(i==4)imgwid = "49";
                itemdiv.innerHTML = "<img src='/images/skins/lmbskin_038/sp_prdimg_none.gif' align='absmiddle' alt='' onFocus=\"this.blur();\"/>";
                itemli.appendChild(itemdiv);
                panel.appendChild(itemli);
            }
        }
       
        // Next Button
        li = jsd$c("li");
        li.className = "list_d";
        div = jsd$c("div");
        div.innerHTML = "<a href=\"javascript:prodimgTurn(+1);\" onFocus=\"this.blur();\"><img src=\"/images/skins/lmbskin_038/btn_prdimg_next.gif\" align=\"absmiddle\"   alt=\"下一张\" /></a>";
        li.appendChild(div);
        panel.appendChild(li);  
       
    
    
}


function GoodsImgSize()
{
//Reset_ImgSize(jsd$("BigImg"),350,304);
}


function prodimageSwap(url,e)
{
    //alert("[" + url + "]");
    var prdimg_big = jsd$("prdimg_big").childNodes[0];
    prdimg_big.src = url; 
	//prdimg_big.alt=url;
	var panel = jsd$("prdimg_s_img");
	for(var i=0;i<panel.childNodes.length;i++)
	{
		panel.childNodes[i].childNodes[0].className="";
	}
	e.parentElement.className="setimg";
	GoodsImgSize();
    //alert(prdimg_big.tagName); 
}

 
function prodimageEnlarge(seq)
{
	//alert("我点击了"+seq);
}

/* Add onload event */