/*****************************************************************************
* Modelviewer
*****************************************************************************/
function loadModelViewer(refID) {
	
	var layer = document.getElementById('modelViewer');
	var iframe = document.getElementById('modelViewerIframe');
	
	layer.style.display = 'block';
	
	var path = '/fileadmin/models/wow/wowsample.php?loadType='+mvType+'&referenceId=' + refID;
	
	iframe.src = path;
	
}

/*****************************************************************************
* Navigation 
*****************************************************************************/
function getCurrentPosition(current_icon) {

	for(var iconIndex in companionIcons) {

		if (companionIcons[iconIndex] == current_icon) {
			
			return Math.abs(iconIndex);
			break;
			
		}
	}	
}

function createIcons(current_icon) {
	
	document.getElementById('firstIconCount').innerHTML = Math.abs(firstIconCounter) + 1;
	document.getElementById('lastIconCount').innerHTML = Math.abs(lastIconCounter) + 1;
	
	html = '<table cellspacing="3" cellspacing="3" border="0">';
		
	var z = firstIconCounter;
				
	for(var x = 0; x < iconMaxRows; x++) {
	
		html += '<tr valign="top">';
		
		for(var y = 0; y < iconMaxCols; y++) {
		
			if(companionIcons[z]) {
				html += '<td width="100" align="center"><a href="javascript:void(0)" onClick="return loadModelViewer('+companionReferenceIDs[z]+');"><img src="'+iconPath+companionIcons[z]+'.png" ></a><br><small><a href="/?s='+companionSpellIDS[z]+'" target="_petmountdb">'+companionNames[z]+'</a></small></td>';
			}
			else {
				html += '<td>&nbsp;</td>';
			}
			
			z++;
			
		}
		
		html += '</tr>';
	}

	html += '</table>';
	
	var cPos = Math.abs(currentPosition) + 1;
	
	document.getElementById('icons').innerHTML = html;
	document.getElementById('totalIcons').innerHTML = totalIcons;
	document.getElementById('pageCount').innerHTML = currentPage;
	document.getElementById('totalPages').innerHTML = totalPages;
}

function next() {

	if(currentPage < totalPages) {
	
		currentPage = currentPage + 1;

		firstIconCounter = lastIconCounter + 1;
		
		lastIconCounter = firstIconCounter + iconLimit - 1;
		if(lastIconCounter+1 >= totalIcons) lastIconCounter = totalIcons - 1;
		
		
		createIcons('');
	
	}
	
}
	
function previous() {
	
	if(currentPage > 1) {
	
		currentPage = currentPage - 1;

		firstIconCounter = (firstIconCounter) - iconLimit;
		
		lastIconCounter = firstIconCounter + iconLimit - 1;
		if(lastIconCounter+1 >= totalIcons) lastIconCounter = totalIcons - 1;
			
		createIcons('');
	
	}	
}