<!--
//PRELOAD IMAGES
var myimages=new Array()
function preloadimages(){
	for (i=0;i<preloadimages.arguments.length;i++){
	myimages[i]=new Image()
	myimages[i].src=preloadimages.arguments[i]
	}
}

//GLOBAL
var W3CDOM = (document.getElementsByTagName && document.createElement);
/*
addLoadEvent
*/
function addLoadEvent(func) {
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = func;
	} else {
		window.onload = function() {
			oldonload();
			func();
		}
	}
}
//addEvent - attach a function to an event
function jaAddEvent(obj, evType, fn){
 if (obj.addEventListener){
   obj.addEventListener(evType, fn, false);
   return true;
 } else if (obj.attachEvent){
   var r = obj.attachEvent("on"+evType, fn);
   return r;
 } else {
   return false;
 }
}
/*
makeSlideshow
Written by Jeremy Keith (adactio.com)
Bits added by Dinh Viet Hung
*/
function makeSlideshow(details,coords,linkholder) {
	if (!document.getElementById) return false;
	if (!document.getElementById(linkholder)) return false;
	var pane = document.createElement('div');
	pane.style.width = details['width'];
	pane.style.height = details['height'];
	pane.style.overflow = 'hidden';
	//pane.className = 'screenthumb';
	pane.style.position = 'relative';
	var pic = document.createElement('img');
	pic.setAttribute('id',details['id']);
	pic.setAttribute('src',details['image']);
	pic.setAttribute('alt','');
	pic.style.border = '0';
	pic.style.position = 'absolute';
	pane.appendChild(pic);
	var linklist = document.getElementById(linkholder);
	/* Added by Dinh Viet Hung
			This removes the image already in place to support older browsers
	*/
	var thumbnail = linklist.parentNode.getElementsByTagName('img')[0];
	if (thumbnail) {
		thumbnail.style.display = 'none';
	}
	/* End */
	linklist.parentNode.insertBefore(pane,linklist);
	var lnks = linklist.getElementsByTagName('a');
	for (var i=0;i<lnks.length;i++) {
		var linktext = lnks[i].childNodes[0].nodeValue;
		if (coords[linktext]) {
			lnks[i].elementId = details['id'];
			lnks[i].x = coords[linktext][0];
			lnks[i].y = coords[linktext][1];
			lnks[i].sliding = null;
			lnks[i].onmouseover = function() {
				slideElement(this.elementId,this.x,this.y,6);
			}
			lnks[i].onfocus = lnks[i].onmouseover;
		}
	}
}
/*
makeSlideshow
Written by Dinh Viet Hung (www.mambotheme.com)
*/
function slideElement(elementId,x,y,inc) {
	if (!document.getElementById) return false;
	if (!document.getElementById(elementId)) return false;
	var element = document.getElementById(elementId);
	if (element.sliding) clearTimeout(element.sliding);
	if (!element.xpos) element.xpos = 0;
	if (!element.ypos) element.ypos = 0;
	if (element.xpos == x && element.ypos == y) return true;
	if (element.xpos > x) {
		var dist = Math.ceil((element.xpos-x)/inc);
		element.xpos = element.xpos - dist;
	}
	if (element.xpos < x) {
		var dist = Math.ceil((x-element.xpos)/inc);
		element.xpos = element.xpos + dist;
	}
	if (element.ypos > y) {
		var dist = Math.ceil((element.ypos-y)/inc);
		element.ypos = element.ypos - dist;
	}
	if (element.ypos < y) {
		var dist = Math.ceil((y-element.ypos)/inc);
		element.ypos = element.ypos + dist;
	}
	element.style.left = element.xpos+'px';
	element.style.top = element.ypos+'px';
	element.sliding = setTimeout('slideElement("'+elementId+'",'+x+','+y+','+inc+')',10);
}
/*
transformWindow
Originally written by Peter Todorov (http://www.sitepoint.com/article/resize-popup-fit-images-size)
Bits rewritten by Dinh Viet Hung
*/
function transformWindow(w, h) {
	/*width = (window.innerWidth) ? window.innerWidth : document.body.clientWidth;
	height = (window.innerHeight) ? window.innerHeight : document.body.clientHeight;
	width = w - width;
	height = h - height;
	if (!window.innerWidth && !document.body.clientWidth) {*/
		window.resizeTo(w, h);
  /*} else {
		window.resizeBy(width, height);
	}*/
	self.focus();
}
/*
showTrash, showScreenShot
Written by Jordi Romkema (like that was difficult huh? :D)
*/
function showScreenShot(id) {
	window.open("templates_preview.php?id=" + id, "screenShot", "location=no,menubar=no,status=no,toolbar=no,width=790,height=680");
}
/*
validateForm, writeFormError, removeFormError
*/
function validateForm(id, prefix) {
	if (!W3CDOM) {
		// Skip JavaScript error detection, let the server do it...
		document.forms["f_" + id].submit();
	} else {
		var form = document.getElementById("f_" + id);
		var fields = form.elements;
		var errorFlag = false;
		var firstError = false;
		for (var i = 0; i < fields.length; i++) {
			if (fields[i].previousSibling) {
				if (fields[i].previousSibling.className == "error") {
					fields[i].parentNode.removeChild(fields[i].previousSibling);
				}
			}
			if ((fields[i].className == "required") && ((fields[i].tagName == "textarea") || (fields[i].tagName == "input"))) {
				if (!fields[i].value) {
					writeFormError(fields[i], "Dit veld is verplicht");
					errorFlag = true;
					if (firstError == false) {
						firstError = fields[i];
					}
				} else {
					if (fields[i].id == prefix + "_email") {
						var regex = /^((\"[^\"\f\n\r\t\v\b]+\")|([\w\!\#\$\%\&'\*\+\-\~\/\^\`\|\{\}]+(\.[\w\!\#\$\%\&'\*\+\-\~\/\^\`\|\{\}]+)*))@((\[(((25[0-5])|(2[0-4][0-9])|([0-1]?[0-9]?[0-9]))\.((25[0-5])|(2[0-4][0-9])|([0-1]?[0-9]?[0-9]))\.((25[0-5])|(2[0-4][0-9])|([0-1]?[0-9]?[0-9]))\.((25[0-5])|(2[0-4][0-9])|([0-1]?[0-9]?[0-9])))\])|(((25[0-5])|(2[0-4][0-9])|([0-1]?[0-9]?[0-9]))\.((25[0-5])|(2[0-4][0-9])|([0-1]?[0-9]?[0-9]))\.((25[0-5])|(2[0-4][0-9])|([0-1]?[0-9]?[0-9]))\.((25[0-5])|(2[0-4][0-9])|([0-1]?[0-9]?[0-9])))|((([A-Za-z0-9\-])+\.)+[A-Za-z\-]+))$/;
						if (!regex.test(fields[i].value)) {
							writeFormError(fields[i], "Dit email adres is ongeldig");
							errorFlag = true;
							if (firstError == false) {
								firstError = fields[i];
							}
						}
					}
				}
			}
		}
		if (errorFlag == true) {
			firstError.focus();
			return false;
		} else {
			document.forms["f_" + id].submit();
		}
	}
}
function writeFormError(obj, message) {
	obj.style.border = "2px solid #700;";
	//obj.style.backgroundColor = "#FAE1D4;";
	//obj.style.backgroundImage = "url('images/errorformbg.gif');";
	obj.onchange = removeFormError;
	var span = document.createElement("span");
	span.className = "error";
	span.appendChild(document.createTextNode(message));
	obj.parentNode.insertBefore(span,obj);
}
function removeFormError() {
	delete this.onchange;
	this.style.border = "1px solid #4F3E29;";
	//this.style.backgroundColor = "#EDE5BE;";
	//this.style.backgroundImage = "url('images/formbg.gif');";
	this.parentNode.removeChild(this.previousSibling);
}

//PORTFOLIO
addLoadEvent(portfolioThumbnails);
function createSlideshow(id, coords) {
	if (!document.getElementById('p_' + id)) return false;

	var panel_details = new Array();
	var linkholder = 'p_' + id + '_links';
	panel_details['id'] = 'screen_' + id;
	panel_details['image'] = 'images/mbt_portfolio/' + id + '.gif';
	panel_details['width'] = '125px';
	panel_details['height'] = '90px';
	makeSlideshow(panel_details, coords, linkholder);
}
function portfolioThumbnails() {
	if (!document.getElementById) return false;
	/* Coordinates per link */
	var coords = new Array();
	coords['1'] = new Array(0, 0);
	coords['2'] = new Array(0, -90);
	coords['3'] = new Array(0, -180);
	coords['4'] = new Array(0, -270);
	coords['5'] = new Array(0, -360);
	createSlideshow('mbt_biz', coords);
	createSlideshow('mbt_greencorp', coords);
	createSlideshow('mbt_greentech', coords);
	createSlideshow('mbt_business', coords);
	createSlideshow('mbt_feb2005', coords);
	createSlideshow('mbt_freemambo', coords);
	createSlideshow('mbt_greypower', coords);
	createSlideshow('mbt_hightech', coords);
	createSlideshow('mbt_prolite', coords);
	createSlideshow('mbt_shopping', coords);
	createSlideshow('mbt_simple', coords);
	createSlideshow('mbt_vbtemplate', coords);
    createSlideshow('mbt_businessii', coords);
	createSlideshow('mbt_grey', coords);
	createSlideshow('mbt_macro_blue', coords);
	createSlideshow('mbt_bluesirius', coords);
	createSlideshow('mbt_canopus', coords);
        createSlideshow('mbt_centauri', coords);
}

//Get Elements By ClassName
function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	var j = 0;
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp('(^|\\s)'+searchClass+'(\\s|$)');
	for (var i = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	//alert(searchClass + j);
	return classElements;
}

//For JA Tab

function jashowtabcontent (obj) {
	var jatab = document.getElementById ('ja-tabswrap');
  if (jatab) {
	  var lis = getElementsByClass ('ja-tab-li', jatab, "LI");
    if (!lis) return;
    for (var i=0; i<lis.length; i++) {
      lis[i].className = lis[i].className.replace(new RegExp(" ja-tab-hover\\b"), "");
			lis[i].tabcontent.style.display = "none";
    }
    obj.className += " ja-tab-hover";
		obj.tabcontent.style.display = "block";
  }
}

function jatabinit (){
	var jatab = document.getElementById ('ja-tabswrap');

  if (jatab) {
	  var tabcontents = document.getElementById ('ja-tab-contentwrap');
	  var lis = getElementsByClass ('ja-tab-li', jatab, "LI");
    if (!lis) return;
    for (var i=0; i<lis.length; i++) {
		  var tabcontent = getElementsByClass ('ja-tab-content', lis[i], "DIV");
			if (tabcontent)
			{
				tabcontent = tabcontent[0];
				lis[i].removeChild (tabcontent);
				tabcontents.appendChild (tabcontent);
				lis[i].tabcontent = tabcontent;
				tabcontent.className = "ja-tab-content-show";
				lis[i].onclick = function(){
					jashowtabcontent(this);
				}
			}
    }
	  jashowtabcontent (lis[0]);
	}
}

jaAddEvent (window, 'load', jatabinit);