window.addEvent('domready', function() {
									 
									 
	var monitorElement = $('monitorElement');
	var closeElement = $('close');
	var myMorph = new Fx.Morph('monitorElement', { 'duration': 1000 });
	var notmorphing = true;
	var timer;
	var morphtimer;
	var piclinks = new Array("aboutpic","coldchainmonitoringpic","historypic","whowearepic","interactivereportspic","readerspic","qualitypic","contactpic", "howitworkspic");
	hidediv('close');
	
	$('close').addEvent('click', function(e) {
		e.stop();
		
		monitorElement.morph('.monitor');
		hidediv('close');
		enablepics();
	});
	
	$('home').addEvent('click', function(e) {
		e.stop();
		if(notmorphing) {
			hidediv('close');
			showdiv('video');
			monitorElement.morph('.monitor');
			enablepics();
		}
	});
	
	/*
	$('about').addEvent('click', function(e) {
		e.stop();
		
		hidediv('video');
		monitorElement.setProperty('src', 'english/about.htm');
		explode();
		
	});
	*/
	
	$('aboutpic').addEvent('click', function(e) {
		e.stop();
		
		hidediv('video');
		monitorElement.setProperty('src', 'english/about.htm');
		explode();
	});
	
	$('overview').addEvent('click', function(e) {
		e.stop();
		
		hidediv('video');
		monitorElement.setProperty('src', 'english/overview.htm');
		explode();
	});
	
	$('mgtteam').addEvent('click', function(e) {
		e.stop();
		
		hidediv('video');
		monitorElement.setProperty('src', 'english/mgtteam.htm');
		explode();
	});
	
	$('coldchainmonitoring').addEvent('click', function(e) {
		e.stop();
		
		hidediv('video');
		monitorElement.setProperty('src', 'english/coldchainmonitoring.htm');
		explode();
	});
	
	$('coldchainmonitoringpic').addEvent('click', function(e) {
		e.stop();
		
		hidediv('video');
		monitorElement.setProperty('src', 'english/coldchainmonitoring.htm');
		explode();
	});
	
	$('tripsegments').addEvent('click', function(e) {
		e.stop();
		
		hidediv('video');
		monitorElement.setProperty('src', 'english/tripsegments.htm');
		explode();
	});
	
	$('history').addEvent('click', function(e) {
		e.stop();
		
		hidediv('video');
		monitorElement.setProperty('src', 'english/history.htm');
		explode();
	});
	
	$('historypic').addEvent('click', function(e) {
		e.stop();
		
		hidediv('video');
		monitorElement.setProperty('src', 'english/history.htm');
		explode();
	});

        $('historymain').addEvent('click', function(e) {
		e.stop();

		hidediv('video');
		monitorElement.setProperty('src', 'english/history.htm');
		explode();
	});
	
	$('howitworks').addEvent('click', function(e) {
		e.stop();
		if(notmorphing) {
			hidediv('close');
			showdiv('video');
			monitorElement.morph('.monitor');
			enablepics();
		}
	});
	
	$('howitworkspic').addEvent('click', function(e) {
		e.stop();
		if(notmorphing) {
			hidediv('close');
			showdiv('video');
			monitorElement.morph('.monitor');
			enablepics();
		}
	});
	
	$('whowearepic').addEvent('click', function(e) {
		e.stop();
		
		hidediv('video');
		monitorElement.setProperty('src', 'english/mgtteam.htm');
		explode();
	});
	
	$('interactivereports').addEvent('click', function(e) {
		e.stop();
		
		hidediv('video');
		monitorElement.setProperty('src', 'english/interactivereports.htm');
		explode();
	});
	
	$('interactivereportspic').addEvent('click', function(e) {
		e.stop();
		
		hidediv('video');
		monitorElement.setProperty('src', 'english/interactivereports.htm');
		explode();
	});
	
	$('readers').addEvent('click', function(e) {
		e.stop();
		
		hidediv('video');
		monitorElement.setProperty('src', 'english/readers.htm');
		explode();
	});
	
	$('readerspic').addEvent('click', function(e) {
		e.stop();
		
		hidediv('video');
		monitorElement.setProperty('src', 'english/readers.htm');
		explode();
	});
	
	$('quality').addEvent('click', function(e) {
		e.stop();
		
		hidediv('video');
		monitorElement.setProperty('src', 'english/quality.htm');
		explode();
	});
	
	$('qualitypic').addEvent('click', function(e) {
		e.stop();
		
		hidediv('video');
		monitorElement.setProperty('src', 'english/quality.htm');
		explode();
	});
	
	$('contact').addEvent('click', function(e) {
		e.stop();
		
		hidediv('video');
		monitorElement.setProperty('src', 'english/contact.htm');
		explode();
	});
	
	$('contactpic').addEvent('click', function(e) {
		e.stop();
		
		hidediv('video');
		monitorElement.setProperty('src', 'english/contact.htm');
		explode();
	});
	
function hidediv(id) {
	try {
		$clear(timer);
	} catch(e) {}
	//safe function to hide an element with a specified id
	if (document.getElementById) { // DOM3 = IE5, NS6
		try {
		document.getElementById(id).style.display = 'none';
		} catch(e) {}
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'none';
		}
		else { // IE 4
			document.all.id.style.display = 'none';
		}
	}
}

function showdiv(id) {
	//safe function to show an element with a specified id
		  
	if (document.getElementById) { // DOM3 = IE5, NS6
		try {
		document.getElementById(id).style.display = 'block';
		} catch(e) {}
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'block';
		}
		else { // IE 4
			document.all.id.style.display = 'block';
		}
	}
}

function showclosediv() {
	//safe function to show an element with a specified id
		  var id = 'close';
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'block';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'block';
		}
		else { // IE 4
			document.all.id.style.display = 'block';
		}
	}
	disablepics();
}

function explode() {
	try {
		$clear(morphtimer);
	} catch(e) {}
	notmorphing = false;
	morphtimer = doneMorphing.delay(2301, this);
	hidediv('close');
	myMorph.start('.monitor').chain(
    function(){ this.start('.monitormorph'); },
	function(){ showclose(); }
	); 

}

function doneMorphing() {
	notmorphing = true;	
}

function disablepics() {
	for(x in piclinks) {
		hidediv(piclinks[x]);
	}
}

function enablepics() {
	for(x in piclinks) {
		showdiv(piclinks[x]);
	}
}

function showclose() {
	try {
		$clear(timer);
	} catch(e) {}
	timer = showclosediv.delay(300, closeElement);

}


});