/* PROPERTY */

var currentBigPhotoNo=1;
var numberOfImages = 0;
var secs;
var seconds;
var timerID = null;
var timerRunning = false;
var delay = 1000;


function showBigPhoto(n) {
	//var n = thumb.id;
	//n = n.substring(n.length - 1);

	var previous = document.getElementById('property-photo-'+currentBigPhotoNo);
	var previousThumb = document.getElementById('property-thumbnail-'+currentBigPhotoNo);
	currentBigPhotoNo = n;
	var current = document.getElementById('property-photo-'+currentBigPhotoNo);
	var currentThumb = document.getElementById('property-thumbnail-'+currentBigPhotoNo);

	previous.style.display = 'none';
	previousThumb.style.opacity=1;
	previousThumb.style.filter = 'alpha(opacity=100)';
	
	current.style.display = ''; //block
	currentThumb.style.opacity=0.4;
	currentThumb.style.filter = 'alpha(opacity=40)';
	
	secs = seconds;
	stopTheClock();
	startTheTimer();
	
	//alert('filter filter');
}

function initializeTimer(startsecs, images) {
    // Set the length of the timer, in seconds
    secs = startsecs;
	numberOfImages = images;
	seconds = secs;
    stopTheClock();
    startTheTimer();
}

function stopTheClock() {
    if (timerRunning)
        clearTimeout(timerID);
    timerRunning = false;
}

function startTheTimer() {
    if (secs==0)
    {
		if (currentBigPhotoNo < numberOfImages) showBigPhoto(currentBigPhotoNo+1);
		else showBigPhoto(1);
    }
    else
    {
        // self.status = secs;
        secs = secs - 1;
        timerRunning = true;
        timerID = self.setTimeout("startTheTimer()", delay);
    }
}

function showPicturePopUp(pictureSource, altText) { 
	
	if (document.images) {
		document["popupImg"].src = pictureSource;
		document["popupImg"].alt = altText;
	}
	//var cover = document.getElementById('cover')
	var picpopup = document.getElementById('picpopup');
	//cover.style.display = "block"
	picpopup.style.display = "block";

}

function hidePicturePopUp() {
	//var cover = document.getElementById('cover')
	var picpopup = document.getElementById('picpopup');
	//cover.style.display = 'none';
	picpopup.style.display = 'none';
}

/* CITY */

var mapears1;
var mapears2;
var mapview;

var listears1;
var listears2;
var pages1;
var pages2;
var resultpieces;

var viewInited = false;
	
function initView() {
	if (!viewInited) {
		mapears1 = document.getElementById('mapears1');
		mapears2 = document.getElementById('mapears2');
		mapview = document.getElementById('mapview');
		
		listears1 = document.getElementById('listears1');
		listears2 = document.getElementById('listears2');
		pages1 = document.getElementById('pages1');
		pages2 = document.getElementById('pages2');
		resultpieces = document.getElementById('resultpieces');
		
		
				
		viewInited = true;
	}
}

function showMap() {
	initView();	
	
	mapears1.style.display = '';
	mapears2.style.display = '';
	mapview.style.display = '';
	
	listears1.style.display = 'none';
	listears2.style.display = 'none';
	pages1.style.display = 'none';
	pages2.style.display = 'none';
	resultpieces.style.display = 'none';
	
	
}

function showList() {
	initView();	
	
	mapears1.style.display = 'none';
	mapears2.style.display = 'none';
	mapview.style.display = 'none';
	
	listears1.style.display = '';
	listears2.style.display = '';
	pages1.style.display = '';
	pages2.style.display = '';
	resultpieces.style.display = '';
		
}


function showPopUp() {
	
	//var cover = document.getElementById('cover')
	var mappopup = document.getElementById('mappopup');
	//cover.style.display = "block"
	mappopup.style.display = "block";

}

function hidePopUp() {
	//var cover = document.getElementById('cover')
	var mappopup = document.getElementById('mappopup');
	//cover.style.display = 'none';
	mappopup.style.display = 'none';
}