var handlerNode = document.getElementById("menu3");
var motionBoxNode = document.getElementById("motionBox");
var advertisementNode = document.getElementById("kuulutus");
var navBoxNode;
var advBoxNode;
var navBoxClose;
var advBoxClose;
var tehtudNode;
var portfolioClose;
var portfolioBoxNode;
var exampleNode;
var portfolioElemClose;
var portfolioElemBoxNode;

var filterVisible = false;
var portfolioVisible = false;
var portfolioElemVisible = false;
var advVisible = false;

var currentElemId = 0;
var currentPortfolioId = 0;
var timeOuts= new Array();

function clearAllTimeouts(){
      for(key in timeOuts ){
            clearTimeout(timeOuts[key]);
      }//end for
}//end function

/**
 * Käivitatakse lingil 'tehtud tööd' vajutamisel, loeb filtri sisu ning näitab animatsiooni
 */
function handlePortfolioClick(evt) {
	if (filterVisible == false) {
		var args = {
			url: "?nodeid=100&lang=" + langEnv,
			load: function(type, data, evt) {
				
				motionBoxNode.style.height = '800px';
				motionBoxNode.innerHTML = data;
				motionBoxNode.style.display = '';
				document.getElementById("rossett").style.display = 'none';

				navBoxNode = document.getElementById("nav");
				navBoxClose = document.getElementById("closePortfolioFilter");

				//motionBoxNode.style.height = (dojo.style.getPixelValue(navBoxNode, "height", true) + 11) + 'px';

				for (i = -210, j = 0; i < 1; i++, j++) {
					timeOuts[0] = setTimeout('anim(navBoxNode, ' + i + ')', Math.pow(j, 1.25));
				}

				dojo.event.connect(navBoxClose, "onclick", "handlePortfolioFilterClose");
				portfolioBoxNode = document.getElementById("portfolio");
				//alert(document.getElementById('example').innerHTML);
				portfolioElemBoxNode = document.getElementById("example_box");
			},
			error: function(type, err) {
				alert(err);
			},
			mimetype: "text/html"
		}
	
		var reqobj = dojo.io.bind(args);
		filterVisible = true;
	} else {
		handlePortfolioFilterClose(evt);
	}
}

/**
 * Käivitatakse filtri sulgemise nupule vajutades
 */
function handlePortfolioFilterClose(evt) {
	clearAllTimeouts()
	
	var k = 0;
	
	if (tehtudNode != null && portfolioBoxNode != null) {
		if (portfolioBoxNode.style.display == '') {
			doClosePortfolio();
			k += 300;
		}
	}

	for (i = 1; i > -210; i--, k++) {
		timeOuts[1] = setTimeout('anim(navBoxNode, ' + i + ')', Math.pow(k, 1.25));
	}
	
	timeOuts[2] = setTimeout('motionBoxNode.style.display = "none"', Math.pow(k, 1.25));
	filterVisible = false;
	
	portfolioElemBoxNode.style.display = 'none';
	portfolioElemVisible = false;
	
}

/**
 * Teostab portfolio peitmise animatsiooni
 */
function doClosePortfolio() {
	clearAllTimeouts()
	var k = 0;
	
	portfolioElemBoxNode.style.display = 'none';
	portfolioElemVisible = false;
	
	for (i = 1, k = 0; i > - 560; i--, k++) {
		timeOuts[3] = setTimeout('anim(tehtudNode, ' + i + ')', Math.pow(k, 1.1));
	}
	
	timeOuts[4] = setTimeout('portfolioBoxNode.style.display = "none"', Math.pow(k, 1.1));
	portfolioVisible = false;
		
}

/**
 * Käivitatakse portfolio sulgemise nupule vajutamisel
 */
function handlePortfolioClose(evt) {
	doClosePortfolio();
}

function anim(node, top) {
	node.style.top = ('' + top) + 'px';
}

/**
 * Teostab portfolio näitamise
 */
function showPortfolio(url, id, change) {
	var reqObj = dojo.io.bind({
		url: url,
		load: function(type, data, evt) {
			portfolioBoxNode.innerHTML = data;
			portfolioBoxNode.style.display = '';
			
			currentElemId = 0;
								
			tehtudNode = document.getElementById("tehtud");
			portfolioClose = document.getElementById("closePortfolio");
			if (portfolioVisible == false || currentPortfolioId != id) {
				if (change != true)  {
					//alert("uhuu");
					for (i = -560, j = 0; i < 1; i++, j++) {
						timeOuts[5] = setTimeout('anim(tehtudNode, ' + i + ')', Math.pow(j, 1.1));
					}
					portfolioVisible = true;
					currentPortfolioId = id; 
					portfolioElemBoxNode.style.display = 'none';
					portfolioElemVisible = false;
				} else { 
					tehtudNode.style.top = '0px'; 
					portfolioElemBoxNode.style.display = 'none';
					portfolioElemVisible = false;
					currentElemId = 0;
				}
			} else {

					portfolioElemBoxNode.style.display = 'none';
					portfolioElemVisible = false;
								
					portfolioVisible = false;
					tehtudNode.style.top = '0px';
					portfolioBoxNode.style.display = 'none';
					currentElemId = 0;
				
			}
			
			dojo.event.connect(portfolioClose, "onclick", "handlePortfolioClose");
		},
		mimetype: "text/html"
	});

	if (portfolioVisible == false) {
		
	} else {
		// todo: siin laadida portfolio uue sisuga
		// alert("mhmh");
	}
	return false;
}

/**
 * Teostab portfolio elemendi näitamise
 */
function showPortfolioElement(url, id) {
	var reqObj = dojo.io.bind({
		url: url,
		load: function(type, data, evt) {
		
			if (portfolioElemVisible == false || currentElemId != id) {
		
				if (currentElemId>0)
					document.getElementById(currentElemId).className='';
				portfolioElemBoxNode.innerHTML = data;
				portfolioElemBoxNode.style.display = '';
				portfolioElemVisible = true;
				currentElemId = id;
				document.getElementById(id).className='active';
			
			} else {
			
				portfolioElemBoxNode.style.display = 'none';
				portfolioElemVisible = false;
				document.getElementById(id).className='';
			
			}		
			
			},
		mimetype: "text/html"
	});

	return false;
}

/**
 * Teostab portfolio elemendi sisu muutmise
 */
function changePortfolioElement(url) {
	var reqObj = dojo.io.bind({
		url: url,
		load: function(type, data, evt) {
		
				portfolioElemBoxNode.innerHTML = data;
			
			},
		mimetype: "text/html"
	});

	return false;
}

/*
 * Reklaam asja kuvamine
 */
function Advertisement(evt, click) {
	
	if (advVisible == false && motionBoxNode) {
		var args = {
			url: "?nodeid=100&lang=et",
			load: function(type, data, evt) {
				motionBoxNode.innerHTML = data;
				motionBoxNode.style.display = '';
				motionBoxNode.style.height = '250px';

				advBoxNode = document.getElementById("kuulutusbox");
				document.getElementById("rossett").style.zindex=200;
				//navBoxClose = document.getElementById("closePortfolioFilter");

				//motionBoxNode.style.height = (dojo.style.getPixelValue(navBoxNode, "height", true) + 11) + 'px';

				if (click == true) 
					var time = -300;
				else
					var time = -960;

				for (i = time, j = 0; i < 1; i++, j++) {
					timeOuts[6] = setTimeout('anim(advBoxNode, ' + i + ')', Math.pow(j, 1.25));
				}

				//dojo.event.connect("kuulutusclose", "onclick", "AdvertisementClose");
				//portfolioBoxNode = document.getElementById("portfolio");
				//alert(document.getElementById('example').innerHTML);
				//portfolioElemBoxNode = document.getElementById("example_box");
			},
			error: function(type, err) {
				//alert(err);
			},
			mimetype: "text/html"
		}
	
		var reqobj = dojo.io.bind(args);
		advVisible = true;
	} else {
		//AdvertisementClose(evt);
	}
				
}

function AdvertisementClose() {
	clearAllTimeouts()
	
	motionBoxNode.style.height = '800px';
	
	var k = 0;
	
	for (i = 1; i > -260; i--, k++) {
		timeOuts[7] = setTimeout('anim(advBoxNode, ' + i + ')', Math.pow(k, 1.25));
	}
	
	timeOuts[8] = setTimeout('motionBoxNode.style.display = "none";', Math.pow(k, 1.25));
	//motionBoxNode.style.display = "none";
	
	advVisible = false;	
	
}

function init() {
	dojo.event.connect(handlerNode, "onclick", "handlePortfolioClick");
	/* dojo.event.connect("kuulutusLink", "onclick", "Advertisement"); */
	if (advert == true) {Advertisement("", false);};
}

init();