/*
Author: Mark de Jong (SPeLLCoDER)
*/

var activeTab=0,activeItem=0;

var lang=1,langID;
var langID=new Array('none','NL','DE','EN');


var txtMenu = new Array();

txtMenu[1]	= 'over ons,diensten,produkten';
txtMenu[2]	= 'uber uns,diensten,produkten';
txtMenu[3]	= 'about us,services,products';
actMenu		= new Array("doTab(0)","doTab(1)","doTab(2)")
dirMenu		= new Array("company","services","products")
MenuSelItem = new Array(1,3,2)


txtMenu2		= new Array()

txtMenu2[1]		= new Array()
txtMenu2[1][0]	= 'who,contact,,,,'
txtMenu2[1][1]	= 'filmwerk,webdesign,fotografie,produkties,converteren,instrumenten'
txtMenu2[1][2]	= 'cultuur/educatie,entertainment,alles,,,'

txtMenu2[2]		= new Array()
txtMenu2[2][0]	= '?,?,,,'
txtMenu2[2][1]	= '?,?,?,?,?'
txtMenu2[2][2]	= '?,?,?,?,'

txtMenu2[3]		= new Array()
txtMenu2[3][0]	= 'who,contact,,,,'
txtMenu2[3][1]	= 'filmwork,webdesign,fotography,productions,conversions,instruments'
txtMenu2[3][2]	= 'culture/education,entertainment,all,,,'

actMenu2		= new Array("doStrip(0)","doStrip(1)","doStrip(2)","doStrip(3)","doStrip(4)","doStrip(5)")


filMenu		= new Array()
filMenu[0]	= new Array("who","contact","","","","")
filMenu[1]	= new Array("filmwerk","webdesign","fotografie","produkties","converteren","instrumenten")
filMenu[2]	= new Array("educatie","entertainment","all","","");


var BASEDIR = location+""
BASEDIR = BASEDIR.substring(0,BASEDIR.lastIndexOf("/")+1-7)


btnGroup=new Array();


function createGroup(newID,type,gfxtype,group,prefix,suffix,btnText,btnFunc,stdVal,className) {

	if (newID==null) { newID=btnGroup.length; }

	btnGroup[newID]=new Array(group,type,prefix,suffix,btnText,btnFunc,stdVal,gfxtype,className);

	btnFiles = btnText.split(',');

	for (itemNR=0;itemNR<btnFiles.length;itemNR++) {
		objName=group+""+itemNR
		btn=document.getElementById(objName)
		if (btn==null)  alert('Object '+objName+' does not exist')

		btn.innerHTML=btnFiles[itemNR]
		btn.className=className

		objParams=newID+'",'+itemNR
		eval('btn.onmouseover = function() { hoverButton("'+objParams+') }');
		eval('btn.onmouseout = function() { leaveButton("'+objParams+') }');
		eval('btn.onclick = function() { setButton("'+objParams+') }');
		eval('btn.onmousedown = function () { return false }');
	}

	if (stdVal>0) setButton(newID,stdVal)

	return newID

}

function hoverButton(group,btnNr)		{
	if (btnGroup[group][1]==1 && btnNr==btnGroup[group][6]) return;
	document.getElementById(btnGroup[group][0]+btnNr).className=btnGroup[group][8]+' thov'
}

function leaveButton(group,btnNr)		{
	if (btnGroup[group][1]==1 && btnNr==btnGroup[group][6]) return;
	document.getElementById(btnGroup[group][0]+btnNr).className=btnGroup[group][8]
}

function setButton(group,btnNr)		{
	prev=btnGroup[group][6]
	drawInactiveState(group,prev)
	drawActiveState(group,btnNr)
	btnGroup[group][6]=btnNr;
	eval(btnGroup[group][5][btnNr]);
}

function drawActiveState(group,btnNr)	{
	gName=btnGroup[group][0]

	if (btnGroup[group][7]==1) {
	   	btn=document.getElementById(gName+btnNr);
	   	btn.className=btnGroup[group][8]+' tsel';
	}
}

function drawInactiveState(group,btnNr)	{
	gName=btnGroup[group][0]

	if (btnGroup[group][7]==1) {
	   	btn=document.getElementById(gName+btnNr);
	   	btn.className=btnGroup[group][8];
	}
}




function init() {
//	resize()

//	document.getElementById('submenu').onselectstart=new Function ("return false");
	createGroup('tabs',1,1,"tab"	,"Layout/Tabs/tab",".png"	,txtMenu[lang]			,actMenu	,1,'tab')
	timerID=setTimeout('doFlagFX()',50)
}


function doTab(tabNr) {
	activeTab=tabNr
	createGroup('strip',1,1,"sm"	,"",""						,txtMenu2[lang][tabNr]			,actMenu2	,MenuSelItem[tabNr],'strip')
}

function doStrip(itemNr) {
	activeItem=itemNr
//	document.getElementById("sennaContent").src=BASEDIR+dirMenu[activeTab]+langID[lang]+"/"+filMenu[activeTab][itemNr]+".html"
	parent.frames['sennaContent'].location.href=BASEDIR+dirMenu[activeTab]+langID[lang]+"/"+filMenu[activeTab][itemNr]+".html"
}


function setIFRAME(NAME,X,Y,W,H) {

	var ifr = document.all ? document.all[NAME] : document.getElementById(NAME);
	ifr.style.left = X+"px";
	ifr.style.top  = Y+"px";
	ifr.style.width = W+"px";
	ifr.style.height = H+"px";


}

function resize() {
	var winW = document.body.clientWidth
	var winH = document.body.clientHeight
	setIFRAME('content',101,112,667,winH-112-20)
}


timerID = 0

flagActive = 0
flagAnim = 0
flagAdd = 1
var flagX=new Array(24,84,144)
var flagY=new Array(5,5,5)
var flagA=new Array(0,0,0)
var flagS=new Array(false,false,false)


function show(lname)	{	document.getElementById(lname).style.display="block";	}
function hide(lname)	{	document.getElementById(lname).style.display="none";	}
function toggle(lname)	{	block = document.getElementById(lname)
							if (block.style.display=='none') { block.style.display='block'; }
														else { block.style.display='none'; }
						}


function setLanguage(newLang) {
	lang = newLang
	document.getElementById('flag'+lang).style.opacity='.25'
	document.getElementById('flag'+newLang).style.opacity='1'
	doTab(activeTab)
}

function startFlagFX(flagNR) {
	if (flagS[flagNR]==false) {
		flagA[flagNR]=0
		flagS[flagNR]=true
	}
}
function stopFlagFX(flagNR) {
//	if (FlagNR==flagActive)
	flagS[flagNR]=false
//	flagOBJ=document.getElementById('flag'+(flagNR+1))
//	flagOBJ.style.left=flagX[flagNR]
//	flagOBJ.style.top=flagY[flagNR]
//	flagOBJ.style.width="53px"
}

function doFlagFX() {

	for(flagNR=0;flagNR<3;flagNR++) {
		if( (flagS[flagNR]==true) || (flagA[flagNR]!=0) ) {

			flagA[flagNR]=flagA[flagNR]+(Math.PI*2/10)

			if (flagA[flagNR]>Math.PI*2) {
				if (flagS[flagNR]==false) {
					flagA[flagNR]=0
				} else {
					flagA[flagNR]=flagA[flagNR]-Math.PI*2
				}
			}

	       	zoom=Math.sin(flagA[flagNR])*8
			flagOBJ=document.getElementById('flag'+(flagNR+1))
			flagOBJ.style.left=flagX[flagNR]+(zoom/2)
			flagOBJ.style.top=5+(zoom/2)
			flagOBJ.style.width=53-zoom
		}
	}

	timerID=setTimeout('doFlagFX()',50)
}