/***********************************************
* CMotion Image Gallery- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for source code
* Last updated Mar 15th, 04'. Added "End of Gallery" message.
* This copyright notice must stay intact for legal use
***********************************************/

var restarea=150 //1) width of the "neutral" area in the center of the gallery in px
var maxspeed=15 //2) top scroll speed in pixels. Script auto creates a range from 0 to top speed.
//var endofgallerymsg="<span style='font-size: 11px'>End of Gallery</span>" //3) message to show at end of gallery. Enter "" to disable message.
var endofgallerymsg="" //3) message to show at end of gallery. Enter "" to disable message.

function enlargeimage(path, optWidth, optHeight){ //function to enlarge image. Change as desired.
var actualWidth=typeof optWidth!="undefined" ? optWidth : "600px" //set 600px to default width
var actualHeight=typeof optHeight!="undefined" ? optHeight : "500px" //set 500px to  default height
var winattributes="width="+actualWidth+",height="+actualHeight+",resizable=yes"
window.open(path,"", winattributes)
}

////NO NEED TO EDIT BELOW THIS LINE////////////

var iedom=document.all||document.getElementById
var scrollspeed=0
var movestate=""

var actualwidth=''
var cross_scroll, ns_scroll
var loadedyes=0

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function creatediv(){
statusdiv=document.createElement("div")
statusdiv.setAttribute("id","statusdiv")
document.body.appendChild(statusdiv)
statusdiv=document.getElementById("statusdiv")
statusdiv.innerHTML=endofgallerymsg
}

function positiondiv(){
menuheight=parseInt(crossmain.offsetHeight)
mainobjoffsetH=getposOffset(crossmain, "top")
statusdiv.style.left=mainobjoffset+(menuwidth/2)-(statusdiv.offsetWidth/2)+"px"
statusdiv.style.top=menuheight+mainobjoffsetH+"px"
}

function showhidediv(what){
if (endofgallerymsg!="")
statusdiv.style.visibility=what
}

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft: what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}


function moveleft(){
if (loadedyes){
movestate="left"
if (iedom&&parseInt(cross_scroll.style.top)>(menuheight-actualheight)){
cross_scroll.style.top=parseInt(cross_scroll.style.top)-scrollspeed+"px"
showhidediv("hidden")
}
else
showhidediv("visible")
}
lefttime=setTimeout("moveleft()",10)
}

function moveright(){
if (loadedyes){
movestate="right"
if (iedom&&parseInt(cross_scroll.style.top)<0){
cross_scroll.style.top=parseInt(cross_scroll.style.top)+scrollspeed+"px"
showhidediv("hidden")
}
else
showhidediv("visible")
}
righttime=setTimeout("moveright()",10)
}

function motionengine(e){
var dsocx=(window.pageXOffset)? pageXOffset: ietruebody().scrollLeft;
var dsocy=(window.pageYOffset)? pageYOffset : ietruebody().scrollTop;
var curposy=window.event? event.clientY : e.clientY? e.clientY: ""
curposy-=mainobjoffset-dsocy
var leftbound=(menuheight-restarea)/2
var rightbound=(menuheight+restarea)/2
if (curposy>rightbound){
scrollspeed=(curposy-rightbound)/((menuheight-restarea)/2) * maxspeed
if (window.righttime) clearTimeout(righttime)
if (movestate!="left") moveleft()
}
else if (curposy<leftbound){
scrollspeed=(leftbound-curposy)/((menuheight-restarea)/2) * maxspeed
if (window.lefttime) clearTimeout(lefttime)
if (movestate!="right") moveright()
}
else
scrollspeed=0
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function stopmotion(e){
if ((window.event&&!crossmain.contains(event.toElement)) || (e && e.currentTarget && e.currentTarget!= e.relatedTarget && !contains_ns6(e.currentTarget, e.relatedTarget))){
if (window.lefttime) clearTimeout(lefttime)
if (window.righttime) clearTimeout(righttime)
movestate=""
}
}

function fillup(){
if (iedom){
crossmain=document.getElementById? document.getElementById("motioncontainer") : document.all.motioncontainer
menuwidth=parseInt(crossmain.style.width)
menuheight=parseInt(crossmain.style.height)
mainobjoffset=getposOffset(crossmain, "top")
cross_scroll=document.getElementById? document.getElementById("motiongallery") : document.all.motiongallery
actualwidth=document.all? cross_scroll.offsetWidth : document.getElementById("motiongallery").offsetWidth
actualheight=document.all? cross_scroll.offsetHeight : document.getElementById("motiongallery").offsetHeight
crossmain.onmousemove=function(e){
motionengine(e)
}

crossmain.onmouseout=function(e){
stopmotion(e)
showhidediv("hidden")
}
}
loadedyes=1
if (endofgallerymsg!=""){
creatediv()
positiondiv()
}
}
window.onload=fillup

// Added by Ced
function stopdefil(){
	if (window.lefttime) clearTimeout(lefttime)
	if (window.righttime) clearTimeout(righttime)
	movestate=""
}


var tableau = new Array();
tableau[0] = new Array();
tableau[1] = new Array();
tableau[2] = new Array();
tableau[3] = new Array();
tableau[4] = new Array();
tableau[5] = new Array();
tableau[6] = new Array();
tableau[7] = new Array();
tableau[8] = new Array();
tableau[9] = new Array();
tableau[10] = new Array();
tableau[11] = new Array();
tableau[12] = new Array();
tableau[13] = new Array();
tableau[14] = new Array();
tableau[15] = new Array();
tableau[16] = new Array();
tableau[17] = new Array();
tableau[18] = new Array();
tableau[19] = new Array();
tableau[20] = new Array();
tableau[21] = new Array();
tableau[22] = new Array();
tableau[23] = new Array();
tableau[24] = new Array();
tableau[25] = new Array();
tableau[26] = new Array();
tableau[27] = new Array();
tableau[28] = new Array();

tableau[0][0] = "ID";
tableau[0][1] = "Name";
tableau[0][2] = "Small Picture";
tableau[0][3] = "Big Picture";
tableau[0][4] = "Text";
tableau[0][5] = "URL";

tableau[1][0] = "1";
tableau[1][1] = "Web Design Samples";
tableau[1][2] = "design-sample_p";
tableau[1][3] = "design-sample";
tableau[1][4] = "<b>Work</b>: various used and unused web design samples";
tableau[1][5] = "www.ven.be/designs";

tableau[2][0] = "2";
tableau[2][1] = "Batibouw";
tableau[2][2] = "batibouw_p";
tableau[2][3] = "batibouw_g";
tableau[2][4] = "<b>Work</b>: content management system, e-newsletters, specific developments, training, hosting<br> <br><b>Technology</b>: Cold Fusion - SQL Server";
tableau[2][5] = "www.batibouw.com";

tableau[3][0] = "3";
tableau[3][1] = "Balade";      
tableau[3][2] = "balade_p";              
tableau[3][3] = "balade_g";              
tableau[3][4] = "<b>Work</b>: content management system, training, hosting<br> <br><b>Technology</b>: Cold Fusion - MS-Access";
tableau[3][5] = "www.balade.be";

tableau[4][0] = "4";
tableau[4][1] = "IBDE";
tableau[4][2] = "ibde_p";
tableau[4][3] = "ibde_g";
tableau[4][4] = "<b>Work</b>: design, content management system, training, hosting<br> <br><b>Technology</b>: Cold Fusion - MS-Access";
tableau[4][5] = "www.ibde.be";

tableau[5][0] = "5";
tableau[5][1] = "Brabant Wallon";
tableau[5][2] = "brabantwallon_p";
tableau[5][3] = "brabantwallon_g";
tableau[5][4] = "<b>Work</b>: design, content management system, content consulting, taxonomy, training, hosting<br> <br><b>Technology</b>: Cold Fusion - SQL Server";
tableau[5][5] = "bw.ven.be/index.cfm?p_id=1";

tableau[6][0] = "6";
tableau[6][1] = "Walibi World";
tableau[6][2] = "walibiworld_p";
tableau[6][3] = "walibiworld_g";
tableau[6][4] = "<b>Work</b>: on-line ticketing, specific developments, hosting management<br> <br><b>Technology</b>: PHP - MySQL";
tableau[6][5] = "www.dvlpt.track.zetes.be/wbe/index.php?act=detail_in&event_id=3&client_language=fr";

tableau[7][0] = "7";
tableau[7][1] = "Werchter";
tableau[7][2] = "werchter_p";
tableau[7][3] = "werchter_g";
tableau[7][4] = "<b>Work</b>: VIP, press and staff ticketing<br><br><b>Technology</b>: PHP - MySQL";
tableau[7][5] = "";

tableau[8][0] = "8";
tableau[8][1] = "Parti Socialiste";
tableau[8][2] = "ps_p";
tableau[8][3] = "ps_g";
tableau[8][4] = "<b>Work</b>: design, content management system, e-newsletters, content consulting, taxonomy, specific developments, training, hosting<br> <br><b>Technology</b>: Cold Fusion - SQL Server";
tableau[8][5] = "194.133.60.170";

tableau[9][0] = "9";
tableau[9][1] = "FedICT";
tableau[9][2] = "fedict_p";
tableau[9][3] = "fedict_g";
tableau[9][4] = "<b>Work</b>: design, content management system, XML web services with TELINDUS and ZETES, training, hosting management<br> <br><b>Technology</b>: Cold Fusion - SQL Server";
tableau[9][5] = "www.eid4kids.be";


tableau[10][0] = "10";
tableau[10][1] = "Couleur Café";
tableau[10][2] = "couleurcafe_p";
tableau[10][3] = "couleurcafe_g";
tableau[10][4] = "<b>Work</b>: management of the on-line ticketing system<br> <br><b>Technology</b>: PHP - MySQL";
tableau[10][5] = "";

tableau[11][0] = "11";
tableau[11][1] = "Global Progressive Forum";
tableau[11][2] = "gpf_p";
tableau[11][3] = "gpf_g";
tableau[11][4] = "<b>Work</b>: design, content management system, training, hosting<br> <br><b>Technology</b>: Cold Fusion - SQL Server";
tableau[11][5] = "www.globalprogressiveforum.org";

tableau[12][0] = "12";
tableau[12][1] = "UNHCR";
tableau[12][2] = "hcr_p";
tableau[12][3] = "hcr_g";
tableau[12][4] = "<b>Work</b>: providing highly reliable internet connection for secured intranet communications<br> <br><b>Technology</b>: Leased Lines";
tableau[12][5] = "www.unhcr.ch";

tableau[13][0] = "13";
tableau[13][1] = "Ateliers des Tanneurs";
tableau[13][2] = "atelierdestanneurs_p";
tableau[13][3] = "atelierdestanneurs_g";
tableau[13][4] = "<b>Work</b>: design, content management system, content consulting, taxonomy, training, hosting<br> <br><b>Technology</b>: Cold Fusion - SQL Server";
tableau[13][5] = "www.atelierdestanneurs.be";

tableau[14][0] = "14";
tableau[14][1] = "AON";
tableau[14][2] = "aon_p";
tableau[14][3] = "aon_g";
tableau[14][4] = "<b>Work</b>: website hosting<br> <br><b>Technology</b>: ASP - SQL Server";
tableau[14][5] = "www.aonsolutions.be/moto/fr/Index.asp";

tableau[15][0] = "15";
tableau[15][1] = "Enfance Tiers-Monde";
tableau[15][2] = "enfancetiersmonde_p";
tableau[15][3] = "enfancetiersmonde_g";
tableau[15][4] = "<b>Work</b>: design, content management system, content consulting, taxonomy, training, hosting<br> <br><b>Technology</b>: Cold Fusion - MS-Access";
tableau[15][5] = "www.enfancetiersmonde.be";

tableau[16][0] = "16";
tableau[16][1] = "Libramont";
tableau[16][2] = "libramont_p";
tableau[16][3] = "libramont_g";
tableau[16][4] = "<b>Work</b>: on-line ticketing, specific developments, training, hosting management<br> <br><b>Technology</b>: Cold Fusion - SQL Server / PHP - MySQL";
tableau[16][5] = "";

tableau[17][0] = "17";
tableau[17][1] = "Made in Belgium";
tableau[17][2] = "madeinbelgium_p";
tableau[17][3] = "madeinbelgium_g";
tableau[17][4] = "<b>Work</b>: on-line ticketing, specific developments, hosting management<br> <br><b>Technology</b>: Cold Fusion - SQL Server";
tableau[17][5] = "www.expo-madeinbelgium.be";

tableau[18][0] = "18";
tableau[18][1] = "Salon des Entrepreneurs";      
tableau[18][2] = "salondesentrepreneurs_p";      
tableau[18][3] = "salondesentrepreneurs_g";      
tableau[18][4] = "<b>Work</b>: on-line ticketing, specific developments, hosting management<br> <br><b>Technology</b>: Cold Fusion - SQL Server";
tableau[18][5] = "";

tableau[19][0] = "19";
tableau[19][1] = "Single's Fair";      
tableau[19][2] = "singlesfair_p";      
tableau[19][3] = "singlesfair_g";      
tableau[19][4] = "<b>Work</b>: design, content management system, content consulting, taxonomy, training, hosting<br> <br><b>Technology</b>: Cold Fusion - MS-Access";
tableau[19][5] = "www.singlesfair.be";

tableau[20][0] = "20";
tableau[20][1] = "Soconord";      
tableau[20][2] = "soconord_p";    
tableau[20][3] = "soconord_g";    
tableau[20][4] = "<b>Work</b>: specific developments (E-market place), hosting<br> <br><b>Technology</b>: Cold Fusion - SQL Server";
tableau[20][5] = "www.soconord.com";

tableau[21][0] = "21";
tableau[21][1] = "Trans Advertising";      
tableau[21][2] = "transad_p";              
tableau[21][3] = "transad_g";              
tableau[21][4] = "<b>Work</b>: design, hosting<br> <br><b>Technology</b>: Cold Fusion - SQL Server";
tableau[21][5] = "www.transad.be";

tableau[22][0] = "22";
tableau[22][1] = "Hyundai Motors";      
tableau[22][2] = "hyundai_p";              
tableau[22][3] = "hyundai_g";              
tableau[22][4] = "<b>Work</b>: database management, hosting<br> <br><b>Technology</b>: ASP - SQL Server";
tableau[22][5] = "www.hyundai-motors.be";

tableau[23][0] = "23";
tableau[23][1] = "Newsletter GB";      
tableau[23][2] = "gb_p";              
tableau[23][3] = "gb_g";              
tableau[23][4] = "<b>Work</b>: design and conception layout for GB newsletter (for CAtHEDRAL advertising agency)";
tableau[23][5] = "www.ven.be/gb";

tableau[24][0] = "24";
tableau[24][1] = "NotWorking";      
tableau[24][2] = "notworking_p";              
tableau[24][3] = "notworking_g";              
tableau[24][4] = "<b>Work</b>: conception, design, development, hosting <br><br><b>Technology</b>: Adobe Flex 2 - Cold Fusion - SQL Server";
tableau[24][5] = "www.notworking.be";

tableau[25][0] = "25";
tableau[25][1] = "Facilitalk";      
tableau[25][2] = "facilitalk_p";              
tableau[25][3] = "facilitalk_g";              
tableau[25][4] = "<b>Work</b>: design, development, e-commerce, hosting <br><br><b>Technology</b>: Cold Fusion - SQL Server";
tableau[25][5] = "www.facilitalk.com";

tableau[26][0] = "26";
tableau[26][1] = "FastTickets";      
tableau[26][2] = "fastickets_p";              
tableau[26][3] = "fastickets_g";              
tableau[26][4] = "<b>Work</b>: conception, design, development and hosting of our multi-organizers / multi-resellers / multi-agents e-commerce platform<br><br><b>Technology</b>: Cold Fusion - SQL Server";
tableau[26][5] = "";

tableau[27][0] = "27";
tableau[27][1] = "Le Teatro";      
tableau[27][2] = "teatro_p";              
tableau[27][3] = "teatro_g";              
tableau[27][4] = "<b>Work</b>: design, development, hosting <br><br><b>Technology</b>: HTML - Javascript";
tableau[27][5] = "www.leteatro.be";

tableau[28][0] = "28";
tableau[28][1] = "Photo Hall";
tableau[28][2] = "photohall_p";
tableau[28][3] = "photohall_g";
tableau[28][4] = "<b>Work</b>: e-commerce system<br> <br><b>Technology</b>: Cold Fusion - SQL Server";
tableau[28][5] = "www.photohall.be";

function change(image, texte, url){
	window.open("iframe.cfm?image="+image+"&url="+url+"","iframe");
	window.open("iframe2.cfm?texte="+texte+"","iframe2");
}
// End of added by Ced

// Added by CHD

function Activate(i) {
	//DeActivate('local');
	//DeActivate('contact');
	if (document.all) {
		exestr = 'document.all.' + i + '.style.visibility = "visible"';
	} else {
		exestr = 'document.getElementById("' + i + '").style.visibility = "visible"';
	}
	eval(exestr);
	if (i == 'local') {
		obj = document.getElementById("local");
		obj.style.zIndex=3;
		obj2 = document.getElementById("contact");
		obj2.style.zIndex=2;
	} else {
		obj = document.getElementById("local");
		obj.style.zIndex=2;
		obj2 = document.getElementById("contact");
		obj2.style.zIndex=3;
	}



/*	if (i == 'local') {
		document.all.local.style.z-index.value = 3;
		document.all.contact.style.z-index.value = 2;
	} else {
		document.all.local.style.z-index.value = 2;
		document.all.contact.style.z-index.value = 3;
	}
*/
}
	
function DeActivate(i) {
	if (document.all) {
		exestr = 'document.all.' + i + '.style.visibility = "hidden"';
	} else {
		exestr = 'document.getElementById("' + i + '").style.visibility = "hidden"';
	}
	eval(exestr);
}


// END added by CHD