var currId = 1;
function $(e) {
	return document.getElementById(e);
	
	
}

function showHeader(num) {
	var head = $('theheader');
	head.className = 'h'+num;
	currId = num;
	
	var pages = $('pagesHead');
	var pgs = pages.getElementsByTagName('span')[0].getElementsByTagName('a');
	
	for(var i=0; i<pgs.length; i++) {
		pgs[i].className = '';
		pgs[i].style.display = 'none';
		
		if(i==(currId-1)) pgs[i].className = 'active';
		if(i>=2 && i<4) {
			pgs[i].style.display = 'inline';	
		}
		if(i>=currId-1 && i<currId+2) {
			pgs[i].style.display = 'inline';
		}
	}
}
function nextHeader() {
	if(currId<5) {
		showHeader(++currId);
	}
}
function prevHeader() {
	if(currId>1) {
		showHeader(--currId);
	}
}
function animateNext() {
	if(currId<5) {
		showHeader(++currId);
	}else {
		currId = 1;
		showHeader(currId);
	}
	var timeId = window.setTimeout(animateNext, 4000, true);
}

function initAnimation() {
	var timeId = window.setTimeout(animateNext, 4000, true);
}

function show(el) {
	$(el).style.display = 'block';
}

var lastEl='';
function closeAllTT() {
	var allTT = getElementsByClassName(document, 'div', 'tt');
	for(var i=0; i<allTT.length; i++) {
		allTT[i].style.display = 'none';
	}
}
function closeTT(el) {
	var parent = el.parentNode.parentNode;
	parent.style.display = 'none';
}
function closeTTSec(el) {
	var parent = el.parentNode.parentNode.parentNode.parentNode;
	parent.style.display = 'none';
}
function showTT(el) {
	closeAllTT();
//	if(lastEl!='') {closeTT(lastEl);}
	var parent = el.parentNode;
	var tt = parent.getElementsByTagName('div')[0];
	if(tt) {
		tt.style.display = 'block';
	}
}
function initFeatures() {
	var el = $('feature-list');
	var allLis = el.getElementsByTagName('li');
	for(var i=0; i<allLis.length; i++) {
		li = allLis[i];
		a = li.getElementsByTagName('a')[0];
		a.onclick = function() {
			showTT(this);
			return false;
		}
	}
}

function initFeaturesSec() {
	var el = $('feats');
	allTrs = document.getElementsByTagName('tr');
	for (var i=0; i<allTrs.length; i++) {
		tr = allTrs[i];
		a = tr.getElementsByTagName('a')[0];
		if(a!=null) {
			a.onclick = function() {
				showTTSec(this);
				return false;
			}
		}
	}
}

function closeAllTTSec() {
	var allTT = getElementsByClassName(document, 'div', 'tt2');
	for(var i=0; i<allTT.length; i++) {
		allTT[i].style.display = 'none';
	}
}
function showTTSec(el) {
	closeAllTTSec();
	
	var parent = el.parentNode;
	div = parent.getElementsByTagName('div')[0];
	if(div!=null) {
		div.style.display = 'block';
	}
}




function getElementsByClassName(oElm, strTagName, strClassName){
	  var arrElements = (strTagName == "*" && document.all)? document.all :
	  oElm.getElementsByTagName(strTagName);
	  var arrReturnElements = new Array();
	  strClassName = strClassName.replace(/\-/g, "\\-");
	  var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
	  var oElement;
	  for(var i=0; i<arrElements.length; i++){
			oElement = arrElements[i];
			if(oRegExp.test(oElement.className)){
				 arrReturnElements.push(oElement);
			}
	  }
	  return (arrReturnElements)
}

function initImages() {
	var imgPlace = $('des-tpls');
	var tds = imgPlace.getElementsByTagName('td');
	for(var i=0; i<tds.length; i++) {
		var a = tds[i].getElementsByTagName('a')[0];
		a.onmouseover = function() {
			showImage(this);
		}
		a.onmouseout = function() {
			closeImage();
		}
		
	}
}
function closeImage() {
	if($('imagePopup')) {
		$('imagePopup').parentNode.removeChild($('imagePopup'));
	}
}

var portfolioPath = 'imgs/big/';
function showImage(el) {
	closeImage();
	var parent = el.parentNode;
	var src = parent.getElementsByTagName('img')[0].src;
	var path = src.split('/');
	var filename = path[path.length-1];
	
	var div = document.createElement('div');
	div.className = 'image-popup';
	div.id = 'imagePopup';
	
	var content = '<div><img src="'+portfolioPath+filename+'" /></div>';
	
	div.innerHTML = content;
	parent.appendChild(div);
}