var aUpholstery=[];

function NewUph(sName, sSmallPic, sLargePic){
	aUpholstery.push({
		name: sName, 
		small: sSmallPic, 
		large: sLargePic, 
		pos: aUpholstery.length
	});
}

var iCurrentPage=1;
var iItemsPerPage=12;
var iItemsPerRow=4;

sEmptyImg='/i/d.gif';

function ShowUpholsteryByPage(iPage){
	var aSelectedItems=aUpholstery.slice((iPage - 1) * iItemsPerPage, iPage * iItemsPerPage);
	var oTable=document.createElement('table');
	var oTBody=document.createElement('tbody');
	oTable.className='data with-items';
	iCurrentPage=iPage;
	var oTR, oTD;
	for(var i=0; i<aSelectedItems.length; i++){
		if(!(i % iItemsPerRow)){
			if(oTR)
				oTBody.appendChild(oTR);
			oTR=document.createElement('tr');
		}
		oTD=document.createElement('td');
		oTD.appendChild(CreateUphItem(aSelectedItems[i]));
		oTR.appendChild(oTD);
	}
	oTBody.appendChild(oTR);
	var oParent=document.getElementById('Upholstery');
	var oTab = oParent.getElementsByTagName('table');
	if(oTab.length)
		oParent.removeChild(oTab[0]);
	
	oTable.appendChild(oTBody);
	oParent.appendChild(oTable);
	
	ShowPager(iPage);
	if(!bGoodResize)
		oImgPr.Load(LoadCallback);
}

function ShowPager(iPage){
	var oPager=document.getElementById('Pager');
	//clear pager
	var i=oPager.childNodes.length;
	if(i--)
		do{oPager.removeChild(oPager.childNodes[i]);}while(i--)
	
	var iTotalPages=Math.ceil(aUpholstery.length/iItemsPerPage);
	if(iTotalPages == 1)
		return;
	var oCont=document.createElement('div'), oItem;
	for(var i=1; i<=iTotalPages; i++){
		if(i == iPage){
			oItem=document.createElement('b');
			oItem.appendChild(document.createTextNode(i));
			oCont.appendChild(oItem);
		}
		else{
			oItem=document.createElement('span');
			oItem.className='p'+i;
			addEvent(oItem, 'click', SwitchPage);
			oItem.appendChild(document.createTextNode(i))
			oCont.appendChild(oItem);
		}
	}
	oPager.appendChild(oCont);
}

function CreateUphItem(oUpholstery){
	var oImg = document.createElement('img');
	
	/* if(bIsIE){
		oImg.src=sEmptyImg;
		oImg.style.backgroundImage='url('+oUpholstery.large+')';
		oImg.className='ie-resize';
	}
	else if(bGoodResize){
		oImg.src=oUpholstery.large;
		oImg.className='resize';
	}
	else{
		oImg.src=oUpholstery.small;
	} */
	
	oImg.src=oUpholstery.small;
	
	var oDiv=document.createElement('div');
	oDiv.className='img-wrap';
	oDiv.appendChild(oImg);
	
	if(!bGoodResize){
		oDiv.className+=' shaded';
		oDiv.id='shade'+oImgPr.Add(oUpholstery.large);
	}
	else{
		addEvent(oImg, 'click', ShowFrame);
	}
	
	var oInput=document.createElement('input');
	oInput.setAttribute('type', 'hidden');
	oInput.setAttribute('name', 'pos');
	oInput.setAttribute('value', oUpholstery.pos);
	oDiv.appendChild(oInput);
	
	return oDiv;
}

function SwitchPage(evt){
	if((evt=checkEvent(evt))){
		var oTarget = (evt.target.nodeType != 1) ? evt.target.parentNode : evt.target;
		var iPage=Number(oTarget.className.substr(1));
		ShowUpholsteryByPage(iPage);
	}
}

function ShowFrame(evt){
	if((evt = checkEvent(evt))){
		var iPos=Number(evt.target.parentNode.getElementsByTagName('input')[0].value);
		oFrame.Open(evt, aUpholstery[iPos].large, aUpholstery[iPos].name);
	}
}

function LoadCallback(iID){
	var oDiv=document.getElementById('shade'+iID);
	removeClass(oDiv, 'shaded');
	addEvent(oDiv.getElementsByTagName('img')[0], 'click', ShowFrame);
}