var W3C_DOM = ( 	document.getElementById &&  document.createElement && 		
						document.appendChild && document.cloneNode && document.removeChild ) ? true : false;
						
if ( W3C_DOM )
{

	var Topics = {
 		about: 			{   	btn: 	[ [1,1],[2,1] ],		box: 		[ [3,1],[6,2] ], 		gallery: false			},
		design: 			{		btn: 	[ [2,3],[3,3] ],		box: 		[ [4,2],[9,5] ],		gallery: true			},
		client: 			{		btn: 	[ [1,6],[2,6] ],		box: 		[ [3,4],[4,6] ],		gallery: false			},
		sketch: 			{		btn: 	[ [5,6],[6,6] ],		box: 		[ [4,2],[9,5] ],		gallery: true			},
		contact: 		{		btn: 	[ [8,6],[9,6] ],		box: 		[ [8,7],[9,7] ],		gallery: false			},
		illustration: 	{		btn: 	[ [7,1],[8,1] ],		box: 		[ [4,2],[9,5] ],		gallery: true			}
	};

	var GridConfig = 
	{	
		id: 'main', 
		x: 9, 	y: 6, 
		w: 76, 	h: 80, 
		pad: 4,
		style:{
			position: 'absolute',
			display: 'none',
			width: '76px',						
			height: '80px',					
			overflow: 'hidden',				
			background: 'url(images/square_bg.gif)',
			zIndex: 5
		}
	};

	
	function IEmacTest()
	{
		var detect = navigator.userAgent.toLowerCase();
		var msie = detect.indexOf('msie') + 1;
		var mac  = detect.indexOf('mac') + 1;
		if ( msie && mac ) return true;
		else return false;
	}
	
	var RandomInConfig = { style:{ display: 'block' } };

	var Q = null;	// queue variable to keep track of event collision
	
	if (  !IEmacTest() )
	{
		document.writeln( '<link media="all" rel="stylesheet" type="text\/css" href="new.css" \/>' );
		document.writeln( '<script type="text\/javascript" src="js\/image_preloader.js" ><\/script>' );
		document.writeln( '<script type="text\/javascript" src="js\/grid.js" ><\/script>' );
		document.writeln( '<script type="text\/javascript" src="js\/new.js"><\/script>');
	}	
}