/* Functie laadt een extern bestand in een variabele */
function loadExternal(file)
{	
	var req = false;
	// For Safari, Firefox, and other non-MS browsers
	if (window.XMLHttpRequest) {
	  	try {
	      req = new XMLHttpRequest();
	    } catch (e) {
	      req = false;
	    }
	} else if (window.ActiveXObject) {
	    // For Internet Explorer on Windows
	    try {
	      req = new ActiveXObject("Msxml2.XMLHTTP");
	    } catch (e) {
	      try {
	        req = new ActiveXObject("Microsoft.XMLHTTP");
	      } catch (e) {
	        req = false;
	      }
	    }
	}	
	if (req) {
	    // Synchronous request, wait till we have it all
	    req.open('GET', file, false);
	    req.send(null);
	    return req.responseText;
    }	
}

/* Functie voert een aantal handelingen uit bij het laden van de pagina */
function loader()
{
	/* laad menu.html in de juiste div */
	var menu = loadExternal('menu.html');
	document.getElementById('menu').innerHTML = menu;
	
	/* geeft de aktieve menu link de juiste kleur */	
	hold = document.getElementById('menu');
	links = hold.getElementsByTagName('a');	
	if(document.location.href.indexOf('.html')==-1&&document.location.href.indexOf('.php')==-1)
	{
		links[0].style.color = '#dbe49a';
	}
	for (i = 0; i < links.length; i++) {
		if (links[i].href == document.location.href) {
			
			links[i].style.color = '#dbe49a';
		}
	}
	
	/* zet het huidige jaartal in de year span */
	var currentTime = new Date();
	document.getElementById('year').innerHTML = currentTime.getFullYear();
	
	/* als de boundry div bestaat berekend hij de breedte van de scroller div */
	if(document.getElementById('boundary')!=null)
	{
		divs = document.getElementById('scroller').getElementsByTagName('div');
		document.getElementById('scroller').style.width = (divs[0].offsetWidth+70)*divs.length;
	}
	
	/* als de right div bestaat laat hij de afbeeldingen daarbinnen veranderen */
	if(document.getElementById('right')!=null)
	{		
		changeRightImg(0);		
	}
}

/* Functie laat de logo's wisselen van zwartwit naar kleur */
function changeRightImg(val)
{
	images = document.getElementById('right').getElementsByTagName('img');
	images[val].src = images[val].src.replace('1.jpg', '2.jpg');
	if(val==0)
	{
		images[images.length-1].src = images[images.length - 1].src.replace('2.jpg', '1.jpg');			
	}
	else
	{
		images[val-1].src=images[val-1].src.replace('2.jpg','1.jpg');
	}
	if(val<images.length-1)
	{
		val++;
	}
	else
	{
		val=0;
	}
	timeVar=setTimeout("changeRightImg("+val+")",2000);
}

function resetRightImages()
{
	images = document.getElementById('right').getElementsByTagName('img');
	for(i=0;i<images.length;i++)
	{		
		images[i].src = images[i].src.replace('2.jpg','1.jpg');		
	}
}

function changeImg(image,type)
{	
	if(timeVar)
	{
		clearTimeout(timeVar);
		resetRightImages();
		timeVar=false;
	}
	else
	{
		timeVar=setTimeout("changeRightImg(0)",500);
	}
	if(image.src.indexOf('1.'+type)==-1)
	{
		image.src=image.src.replace('2.'+type,'1.'+type);		
	}
	else
	{
		image.src=image.src.replace('1.'+type,'2.'+type);
	}
}

function changeTeamImg(value)
{	
	image=document.getElementById('teamImage').src;
	document.getElementById('teamImage').src=image.substring(0,(image.length-5)) + value + '.jpg';
}

function resetTeamImg(value)
{
	image=document.getElementById('teamImage').src;
	document.getElementById('teamImage').src=image.substring(0,(image.length-5)) + value + '.jpg';
	
}

function resetBrandImg()
{
	image=document.getElementById('teamImage').src;
	document.getElementById('teamImage').src=image.substring(0,(image.length-5)) + '5.jpg';
	
}

function changeTeam(value)
{
	var team = new Array();	
	team[0] = '<b>Wieger Rupert</b><br/>Technical Product Manager<br/><a href="mailto:wieger@youmedical.com">Wieger@youmedical.com</a><br/><br/><i>Providing technical support for innovative opportunities</i>';
	team[1] = '<b>Sebastiaan Beltman</b><br/>Creative Product Manager<br/><a href="mailto:sebastiaan@youmedical.com">Sebastiaan@youmedical.com</a><br/><br/><i>I ensure steady flow of information between YouMedical and its stakeholders!</i>';
	team[2] = '<b>Robert Stal</b><br/>Product Development<br/><a href="mailto:robert@youmedical.com">Robert@youmedical.com</a><br/><br/><i> I\'m a launch pad... making sure all products are ready to launch on time with the necessary impact!</i>';
	team[3] = '<b>Ans Bakker</b><br/>QA & RA manager<br/><a href="mailto:ans@youmedical.com">Ans@youmedical.com</a><br/><br/><i> I solve all regulatory and compliance challenges on your journey from product idea to launch!</i>';
	team[4] = '<b>Jan Herweijer</b><br/>Managing Director and Founder YouMedical<br/><a href="mailto:jan@youmedical.com">Jan@youmedical.com</a><br/><br/><i> I thrive on helping you, grow your business!</i>';
	team[5] = '<b>Jan Witte</b><br/>Chief Operating Officer<br/><a href="mailto:janwitte@youmedical.com">JanWitte@youmedical.com</a><br/><br/><i>Creativity is key in realizing our mutual goals.</i>';
	team[6] = '<b>Deborah Cheng</b><br/>Chief Financial Officer<br/><a href="mailto:deborah@youmedical.com">Deborah@youmedical.com</a><br/><br/><i> I ensure a financially strong &amp; healthy company!</i>';
	team[7] = '<b>Jan Ijntema</b><br/>Supply Chain Manager<br/><a href="mailto:jan@supply4you.nl">Jan@supply4you.nl</a><br/><br/><i> I ensure a seamless Supply Chain!</i>';
	team[8] = '<b>Marc Rietmann</b><br/>CEO YouMedical International AG<br/><a href="mailto:marc@youmedical.ch">Marc@youmedical.ch</a><br/><br/><i> I simplify access to markets: YouMedical products a sweeping success!</i>';
	team[9] = '<b>Albert Swane</b><br/>Sales Manager<br/><a href="mailto:albert@youmedical.com">Albert@youmedical.com</a><br/><br/><i> I find product ideas that boost your portfolio and contribute to your bottom line!</i>';
	/* team[5] = '<b>Olivier Coops</b><br/>Chief Operating Officer<br/><a href="mailto:olivier@youmedical.com">Olivier@youmedical.com</a><br/><br/><i> I ensure smooth operations!</i>';  */
	
	if(value==team.length)
	{
		team[value] = '';
	}
		
	document.getElementById('rightContact').innerHTML = team[value];
	changeTeamImg(value);
}

/* Functie beweegt het scrollmenu naar links */
function moveRight()
{	
	holder = document.getElementById('scroller');
	scrollerWidth = holder.offsetWidth;
	offSet = scrollerWidth+holder.offsetLeft;
	
	divs = holder.getElementsByTagName('div');
	divWidth = divs[0].offsetWidth+70;
	
	if(scrollerWidth>777)
	{
		if(offSet<=1000)
		{			
			new Effect.Move('scroller', { x: -30, y: 0, mode: 'relative' });
			new Effect.Move('scroller', { x: 30, y: 0, mode: 'relative', queue: 'end' });
		}
		else
		{
			new Effect.Move('scroller', { x: -divWidth, y: 0, mode: 'relative' });
		}
	}
}

/* Functie beweegt het scrollmenu naar rechts */
function moveLeft()
{	
	holder = document.getElementById('scroller');
	offSet = holder.offsetLeft;	
	
	divs = holder.getElementsByTagName('div');
	divWidth = divs[0].offsetWidth+70;
	
	
	
	if(offSet>=0)
	{			
		new Effect.Move('scroller', { x: 30, y: 0, mode: 'relative' });
		new Effect.Move('scroller', { x: -30, y: 0, mode: 'relative', queue: 'end' });
	}
	else
	{
		new Effect.Move('scroller', { x: divWidth, y: 0, mode: 'relative' });
	}
}

function setOffset(value)
{
	document.getElementById('scroller').style.left=-value;
}

function setEmail(id,name)
{
	document.getElementById(id).innerHTML = '<a href="mailto:'+name+'@youmedical.com">'+name+'@youmedical.com</a>';
}