var doorsCount = 26;
var currentDoor = 1;
var stairsCount = 1;
var currentStair = 1;

function clickNextDoor (){
	var iframeElement = document.getElementById('doorsIframe');
	var thumbElement = document.getElementById('thumbDoorImg');
	var topPagerElement = document.getElementById('topPager');
	var topPagerColElement = document.getElementById('topPagerCol');
	var bottomPagerElement = document.getElementById('bottomPager');
	var bottomPagerColElement = document.getElementById('bottomPagerCol');
	
	if (iframeElement == null || thumbElement == null) return;

	if (currentDoor < doorsCount)
	{		
		if (topPagerElement) topPagerElement.style.display = 'none';
		if (bottomPagerElement) bottomPagerElement.style.display = 'none';
		if (topPagerColElement) topPagerColElement.colSpan = 2;
		if (bottomPagerColElement) bottomPagerColElement.colSpan = 2;
		currentDoor++;
		thumbElement.src = '../../images/doors/' + currentDoor +'.jpg';
		iframeElement.src = currentDoor + '.html';		
	}
};

function clickPrevDoor (){
	var iframeElement = document.getElementById('doorsIframe');
	var thumbElement = document.getElementById('thumbDoorImg');
	var topPagerElement = document.getElementById('topPager');
	var topPagerColElement = document.getElementById('topPagerCol');
	var bottomPagerElement = document.getElementById('bottomPager');
	var bottomPagerColElement = document.getElementById('bottomPagerCol');
	if (iframeElement == null || thumbElement == null) return;
	
	if (currentDoor > 1)
	{
		if (topPagerElement) topPagerElement.style.display = 'none';
		if (bottomPagerElement) bottomPagerElement.style.display = 'none';
		if (topPagerColElement) topPagerColElement.colSpan = 2;
		if (bottomPagerColElement) bottomPagerColElement.colSpan = 2;
		currentDoor--;
		thumbElement.src = '../../images/doors/' + currentDoor +'.jpg';
		iframeElement.src = currentDoor + '.html';		
	}
};

function clickNextStair (){
	var iframeElement = document.getElementById('doorsIframe');
	var thumbElement = document.getElementById('thumbDoorImg');
	var topPagerElement = document.getElementById('topPager');
	var topPagerElement = document.getElementById('topPager');
	var topPagerColElement = document.getElementById('topPagerCol');
	var bottomPagerElement = document.getElementById('bottomPager');
	var bottomPagerColElement = document.getElementById('bottomPagerCol');
	if (iframeElement == null || thumbElement == null) return;
	
	if (currentStair < stairsCount)
	{
		if (topPagerElement) topPagerElement.style.display = 'none';
		if (bottomPagerElement) bottomPagerElement.style.display = 'none';
		if (topPagerColElement) topPagerColElement.colSpan = 2;
		if (bottomPagerColElement) bottomPagerColElement.colSpan = 2;
		currentStair++;
		thumbElement.src = '../../images/doors/' + currentStair +'.jpg';
		iframeElement.src = currentStair + '.html';		
	}
};

function clickPrevStair (){
	var iframeElement = document.getElementById('doorsIframe');
	var thumbElement = document.getElementById('thumbDoorImg');
	var topPagerElement = document.getElementById('topPager');
	var topPagerColElement = document.getElementById('topPagerCol');
	var bottomPagerElement = document.getElementById('bottomPager');
	var bottomPagerColElement = document.getElementById('bottomPagerCol');
	if (iframeElement == null || thumbElement == null) return;
		
	if (currentStair > 1)
	{
		if (topPagerElement) topPagerElement.style.display = 'none';
		if (bottomPagerElement) bottomPagerElement.style.display = 'none';
		if (topPagerColElement) topPagerColElement.colSpan = 2;
		if (bottomPagerColElement) bottomPagerColElement.colSpan = 2;
		currentStair--;
		thumbElement.src = '../../images/doors/' + currentStair +'.jpg';
		iframeElement.src = currentStair + '.html';		
	}
};

function clickAllDoorPage (pageNum){
	var iframeElement = document.getElementById('doorsIframe');
	var topPagerElement = document.getElementById('topPager');
	var topPagerColElement = document.getElementById('topPagerCol');
	var bottomPagerElement = document.getElementById('bottomPager');
	var bottomPagerColElement = document.getElementById('bottomPagerCol');
	if (iframeElement == null) return;
	
	if (topPagerColElement) topPagerColElement.colSpan = 1;
	if (bottomPagerColElement) bottomPagerColElement.colSpan = 1;
	if (topPagerElement) topPagerElement.style.display = '';
	if (bottomPagerElement) bottomPagerElement.style.display = '';
	
	iframeElement.src = 'page'+ pageNum + '.html';	
};
