FirstLoad = true;
ItemsPerPage = 25

CurrentPage = document.location.search;
if (CurrentPage.indexOf('|')>-1){CurrentPage = CurrentPage.split('?')[1];}


function FurnitureItem(ParentItem,Model,DoSpecs,Descr){
	this.ParentItem = ParentItem;
    this.Model		= Model;
    this.Descr		= Descr;
    this.Specs		= DoSpecs;
}

function LoadTable(TargetCategory,TargetItem){
	for(i=0;i<=CategoryCount;++i){
		document.getElementById('middlelink_' + i).className='thirdnavlink';
	}
	document.getElementById('middlelink_' + TargetCategory).className='thirdnavSelected';
	if (FirstLoad==true && CurrentPage.indexOf("|") > -1){
		TargetCategory = eval(CurrentPage.split('|')[0])
		TargetItem = CurrentPage.split('|')[1]

		CurrentpageIndex = 1 + Math.floor(TargetItem/ItemsPerPage)
		PageLinkSpan = "page" + CurrentpageIndex + "span"
		if(document.getElementById(PageLinkSpan)){document.getElementById(PageLinkSpan).style.fontWeight='bold';}
	}
    MainTargetParent = Category[TargetCategory][TargetItem].ParentItem
	FirstLoad = false;
    CurrentRow = 0
    CorrentCol = 0
    TargetPage = 1 + Math.floor((TargetItem-1) / (ItemsPerPage))
    ThisImagePath = MainImagePath + Category[TargetCategory][0]
    output = '<table cellpadding="0" cellspacing="0" border="0">'

    FirstIndex = 1 + (TargetPage * ItemsPerPage) - ItemsPerPage
    LastIndex = FirstIndex + ItemsPerPage
    if(LastIndex > Category[TargetCategory].length){LastIndex = Category[TargetCategory].length}

    for(i=FirstIndex;i<LastIndex;++i){

        ThisTargetModel = Category[TargetCategory][i].Model
        ThisTargetParent = Category[TargetCategory][i].ParentItem
        if(CorrentCol % 6 == 0){output += '<tr>';}
		if(TargetItem==ThisTargetParent || i==TargetItem || MainTargetParent==ThisTargetParent){
			output = output + '<td><img src="' + ThisImagePath + ThisTargetModel + 'over.jpg" onclick="LoadTable(' + TargetCategory + ',' + i + ');"></td>\n';
		}
		else{
			output = output + '<td><img src="' + ThisImagePath + ThisTargetModel + '.jpg" onmouseover="this.src=\'' + ThisImagePath + ThisTargetModel + 'over.jpg\'" onmouseout="this.src=\'' + ThisImagePath + ThisTargetModel + '.jpg\'; " onclick="LoadTable(' + TargetCategory + ',' + i + ');"></td>\n';
		}

        CorrentCol ++;
        if(CorrentCol % 6 == 0){output += '</tr>';}
    }
    output = output +  "</table>"
    TargetModel = Category[TargetCategory][TargetItem].Model
    TargetDescr = Category[TargetCategory][TargetItem].Descr
    TargetSpecs = Category[TargetCategory][TargetItem].Specs
	OrigTargetModel = TargetModel
    if(TargetSpecs==true){document.images['LargeImage'].style.cursor='pointer'; document.images['LargeImage']['onclick'] = function anonymous(){window.open(ThisImagePath + OrigTargetModel + 'specs.jpg','SpecsWindow','toolbar=0,status=0,location=0,width=800,height=443');}}
    else{document.images['LargeImage'].style.cursor='arrow'; document.images['LargeImage']['onclick'] = null}
    //document.getElementById('DisplayDiv').innerHTML = output
    //document.getElementById('CopyDiv').innerHTML = TargetModel + ' - ' + TargetDescr
    document.images['LargeImage'].src = ThisImagePath + '/' + TargetModel + 'LG.jpg';

	if(TargetModel.indexOf('-') > -1){	ModelPrefix = TargetModel.substring(0,2) } 
	else{ModelPrefix = ''}
	if(ModelPrefix==TargetItem || ModelPrefix==TargetItem + '-'){
		TargetModel = TargetModel.split('-')[1]
		//TargetModel = TargetModel.substring( (TargetModel.indexOf('-')+1), TargetModel.length - (TargetModel.indexOf('-')+1))   
	}

	if(TargetModel.indexOf('group')>-1 || document.location.href.indexOf('Storage')>-1){TargetModelToShow='';}
	else{TargetModelToShow = '<b>' + TargetModel + '</b><br><br>'}
    document.getElementById('CatalogDiv').innerHTML = '<div style="height:165px;overflow:auto;">' + TargetModelToShow +  TargetDescr + '</div><br><br>' + output


}