<!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <meta charset="utf-8"> <meta name="description" content="AIXTRON Nanoinstruments provides deposition equipment for Graphene, Carbon Nanotubes and 2D/1D materials"> <meta name="keywords" content="graphene, 2D materials, carbon, nanotube, nanotubes, carbon nanotube, carbon nanotubes, nanowire, nanowires, plasma, chemical vapour deposition, molybdenum disulfide, molybdenum disulphide, MoS2, boron nitride, hexagonal boron nitride, hBN, BN"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="Author" content="Ken Teo"> <title>Nano :: AIXTRON</title> <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' /> <!-- <link rel="stylesheet" href="../css/style.css" type="text/css" media="screen" /> <script type='text/javascript' src='../js/common.js'></script> <script type='text/javascript' src='../js/resizer.js'></script> <script type='text/javascript' src='../js/image-fader.js'></script> --> <style> .massivefont { font-family: Tahoma,Verdana,Segoe,sans-serif; font-size: 3em; } .bigfont { font-family: Tahoma,Verdana,Segoe,sans-serif; font-size: 2.5em; } .normalfont { font-family: Tahoma,Verdana,Segoe,sans-serif; font-size: 2em; } .smallfont { font-family: Tahoma,Verdana,Segoe,sans-serif; font-size: 1.2em; } a:link, a:visited, a:hover, a:active { color: inherit; text-decoration: none; } a:hover { color: #FFFFFF; } .flat_button { position: relative; vertical-align: top; line-height: 170%; font-size: inherit; color: #FFFFFF; text-align: center; background: #D30009; border: 0px; cursor: pointer; box-shadow: 2px 2px 2px #888888; } .flat_button:hover { background: #4CB848; color: #FFFFFF; } button, input, select, textarea { font-family : inherit; font-size : 100%; color : #707070; } .hide { position:absolute; top:-1px; left:-1px; width:1px; height:1px; } </style> <script> <!-- function do_fade(id, amount) { document.getElementById(id).style.opacity = amount; } function swap(front_id, back_id, new_image) { document.getElementById(back_id).src = new_image; document.getElementById(front_id).style.opacity = 0; document.getElementById(front_id).src = ""; } //var op_inc = 0.1; var img = new Image(); var img_busy = false; var idname = ""; var new_image = ""; function fade (idname_temp, new_image_temp) { idname = idname_temp; new_image = new_image_temp; img.src = new_image_temp; img_busy = true; } img.onload = function () { var front_image = idname + "_front_id"; var back_image = idname + "_back_id"; document.getElementById(front_image).src = new_image; /* op = 0.0; for (var i=1; i<10; i++) { op=op+op_inc; window.setTimeout(function () {do_fade(front_image, op)}, i*50); } */ window.setTimeout(function () {do_fade(front_image, 0.1)}, 50); window.setTimeout(function () {do_fade(front_image, 0.2)}, 100); window.setTimeout(function () {do_fade(front_image, 0.3)}, 150); window.setTimeout(function () {do_fade(front_image, 0.4)}, 200); window.setTimeout(function () {do_fade(front_image, 0.5)}, 250); window.setTimeout(function () {do_fade(front_image, 0.6)}, 300); window.setTimeout(function () {do_fade(front_image, 0.7)}, 350); window.setTimeout(function () {do_fade(front_image, 0.8)}, 400); window.setTimeout(function () {do_fade(front_image, 0.9)}, 450); window.setTimeout(function () {swap(front_image, back_image, new_image)}, 500); img_busy = false; } //------------------with caption var caption_text = ""; var img2 = new Image(); function do_fade2(amount) { var front_image = idname + "_front_id"; var front_caption = idname + "_caption_front_id"; document.getElementById(front_image).style.opacity = amount; document.getElementById(front_caption).style.opacity = amount; } function swap2() { document.getElementById(idname + "_back_id").src = new_image; document.getElementById(idname + "_front_id").style.opacity = 0; document.getElementById(idname + "_front_id").src = ""; document.getElementById(idname + "_caption_back_id").innerHTML = caption_text; document.getElementById(idname + "_caption_front_id").style.opacity = 0; document.getElementById(idname + "_caption_front_id").innerHTML = ""; } function fade_with_caption (idname_temp, new_image_temp, new_caption) { idname = idname_temp; caption_text = new_caption; document.getElementById(idname + "_caption_front_id").innerHTML = caption_text; new_image = new_image_temp; img2.src = new_image_temp; img_busy = true; } img2.onload = function () { var front_image = idname + "_front_id"; var back_image = idname + "_back_id"; document.getElementById(front_image).src = new_image; /* op = 0.0; for (var i=1; i<10; i++) { op=op+op_inc; window.setTimeout(function () {do_fade(front_image, op)}, i*50); } */ window.setTimeout(function () {do_fade2(0.1)}, 50); window.setTimeout(function () {do_fade2(0.2)}, 100); window.setTimeout(function () {do_fade2(0.3)}, 150); window.setTimeout(function () {do_fade2(0.4)}, 200); window.setTimeout(function () {do_fade2(0.5)}, 250); window.setTimeout(function () {do_fade2(0.6)}, 300); window.setTimeout(function () {do_fade2(0.7)}, 350); window.setTimeout(function () {do_fade2(0.8)}, 400); window.setTimeout(function () {do_fade2(0.9)}, 450); window.setTimeout(function () {swap2()}, 500); img_busy = false; } function window_resize() { scaling_factor = window.innerWidth / 1000.0; //document.getElementById("body_id").style.fontSize = Math.floor(scaling_factor*12).toString() + "px"; new_font_size = scaling_factor*12; if (new_font_size>16) { new_font_size=16; document.getElementById("logo_id").style.height = "94px"; document.getElementById("logo_id").style.width = "256px"; } else { new_height = 94 * new_font_size / 16.0; new_width = 256 * new_font_size / 16.0; document.getElementById("logo_id").style.height = new_height.toString() + "px"; document.getElementById("logo_id").style.width = new_width.toString() + "px"; } document.getElementById("body_id").style.fontSize = new_font_size.toString() + "px"; //div_top = parseInt(document.getElementById("header_id").style.height); //alert(div_top.toString()); //document.getElementById("main_id").style.top = div_top.toString()+"px"; //div_width = parseInt(document.getElementById("rotating-item-wrapper").style.height); //alert(div_width.toString()); } function window_loaded() { window_resize(); } function parse_response(string_from_server, command_to_find) { var data = ""; if (string_from_server.length==0) return data; //blank //1. chop it using the &, we are sending command=data&command=data&command=data command_segments = string_from_server.split("&"); number_of_command_segments = command_segments.length; if (number_of_command_segments==0) return data; //blank //2. find command keywords for ( var i=0; i<number_of_command_segments; i++) { command = command_segments[i].split("="); if (command[0].toUpperCase()==command_to_find.toUpperCase()) { return command[1]; } } return data; } function clean_data (data, special) { if (data.length>0) { for (var i=0; i<data.length; i++) { if ((i==0)&&(special==1)) { index = string.indexOf("="); input = string.substr(index + 1); data[i] = input.toUpperCase(); } data[i] = data[i].trim(); //data[i] = data[i].replace(String.fromCharCode(34),""); new_string = data[i]; quotes = String.fromCharCode(34); if (new_string[0]==quotes) { new_string = new_string.slice(1); new_string = new_string.slice(0,-1); new_string = new_string.trim(); data[i] = new_string; } old_string = new_string; new_string = data[i].replace('\"\"','\"'); while (old_string!=new_string) { old_string = new_string; new_string = new_string.replace('\"\"','\"'); } data[i] = new_string; } } } function parse_response(string_from_server, command_to_find) { var data = ""; if (string_from_server.length==0) return data; //blank //1. chop it using the &, we are sending command=data&command=data&command=data command_segments = string_from_server.split("&"); number_of_command_segments = command_segments.length; if (number_of_command_segments==0) return data; //blank //2. find command keywords for ( var i=0; i<number_of_command_segments; i++) { command = command_segments[i].split("="); if (command[0].toUpperCase()==command_to_find.toUpperCase()) { return command[1]; } } return data; } function CSVToArray( strData, strDelimiter ) { // Check to see if the delimiter is defined. If not, // then default to comma. strDelimiter = (strDelimiter || ","); // Create a regular expression to parse the CSV values. var objPattern = new RegExp ( ( // Delimiters. "(\\" + strDelimiter + "|\\r?\\n|\\r|^)" + // Quoted fields. "(?:\"([^\"]*(?:\"\"[^\"]*)*)\"|" + // Standard fields. "([^\"\\" + strDelimiter + "\\r\\n]*))" ), "gi" ); // Create an array to hold our data. Give the array // a default empty first row. var arrData = [[]]; // Create an array to hold our individual pattern // matching groups. var arrMatches = null; // Keep looping over the regular expression matches // until we can no longer find a match. while (arrMatches = objPattern.exec( strData )) { // Get the delimiter that was found. var strMatchedDelimiter = arrMatches[ 1 ]; // Check to see if the given delimiter has a length // (is not the start of string) and if it matches // field delimiter. If id does not, then we know // that this delimiter is a row delimiter. if ( strMatchedDelimiter.length && strMatchedDelimiter !== strDelimiter ) { // Since we have reached a new row of data, // add an empty row to our data array. arrData.push( [] ); } var strMatchedValue; // Now that we have our delimiter out of the way, // let's check to see which kind of value we // captured (quoted or unquoted). if (arrMatches[ 2 ]) { // We found a quoted value. When we capture // this value, unescape any double quotes. strMatchedValue = arrMatches[ 2 ].replace ( new RegExp( "\"\"", "g" ), "\"" ); } else { // We found a non-quoted value. strMatchedValue = arrMatches[ 3 ]; } // Now that we have our value string, let's add // it to the data array. arrData[ arrData.length - 1 ].push( strMatchedValue ); } // Return the parsed data. return( arrData ); } function parseCSV(str) { var arr = []; var quote = false; // true means we're inside a quoted field // iterate over each character, keep track of current row and column (of the returned array) for (var row = col = c = 0; c < str.length; c++) { var cc = str[c], nc = str[c+1]; // current character, next character arr[row] = arr[row] || []; // create a new row if necessary arr[row][col] = arr[row][col] || ''; // create a new column (start with empty string) if necessary // If the current character is a quotation mark, and we're inside a // quoted field, and the next character is also a quotation mark, // add a quotation mark to the current column and skip the next character if (cc == '"' && quote && nc == '"') { arr[row][col] += cc; ++c; continue; } // If it's just one quotation mark, begin/end quoted field if (cc == '"') { quote = !quote; continue; } // If it's a comma and we're not in a quoted field, move on to the next column if (cc == ',' && !quote) { ++col; continue; } // If it's a newline and we're not in a quoted field, move on to the next // row and move to column 0 of that new row if (cc == '\n' && !quote) { ++row; col = 0; continue; } // Otherwise, append the current character to the current column arr[row][col] += cc; } return arr; } var image_filename_array = []; var image_caption_array = []; var image_index = 0; var base_directory = ""; function rotate_images() { if (img_busy) return; image_index++; if (image_index>(image_filename_array.length-1)) { image_index=0; } fade_with_caption ("splash", image_filename_array[image_index], image_caption_array[image_index]); } function window_resize2() { window_resize(); image_width = 0.36*0.9*document.getElementById("main_id").clientWidth; document.getElementById("splash_front_id").style.width = image_width + "px"; document.getElementById("splash_back_id").style.width = image_width + "px"; } function window_loaded2() { window_resize2(); if (get_image_technology_array(document.getElementById("iframe_images_id").contentWindow.document.body.innerHTML)) { setInterval(function () {rotate_images()}, 3000); } } var technology_names = []; var technology_slogans = []; var technology_images = []; var technology_features = []; function get_image_technology_array(data) { data = data.replace("<pre>",""); data = data.replace("</pre>",""); csv_data = parseCSV(data); if (csv_data.length>0) { for (var i=0; i<csv_data.length; i++) { clean_data (csv_data[i], 0); if ((csv_data[i][0]=="technology")&&(csv_data[i].length>4)) { parts = csv_data[i]; technology_names.push(parts[1]); technology_images.push(base_directory + parts[2]); technology_slogans.push(parts[3]); technology_features.push(parts[4]); } if ((csv_data[i][0]=="technology_images")&&(csv_data[i].length>2)) { if (csv_data[i][1].length>0) { parts = csv_data[i]; image_filename_array.push(base_directory + parts[1]); image_caption_array.push(parts[2]); } } if ((csv_data[i][0]=="technology_videos")&&(csv_data[i].length>1)) { if (csv_data[i][1].length>0) { product_videos.push(base_directory+csv_data[i][1]); } } } } if (technology_names.length>0) { render_technology_tables(); window_resize(); } if (image_filename_array.length>0) { document.getElementById("splash_back_id").src = image_filename_array[0]; window_resize2(); return true; } else { return false; } } function render_technology_tables() { var string = ""; for (var i=0; i<technology_names.length; i++) { string = string + "<table style='width:90%; background-color: #FFFFFF; color: #000000; border-collapse:collapse; margin-left:auto; margin-right:auto;' class='smallfont'><tr>"; string = string + "<td style='width:40%; text-align:center; text-decoration:none;'><img src='" + technology_images[i] + "' style='width:100%;'></td>"; string = string + "<td style='width:10%; text-align:center; text-decoration:none;'></td>"; string = string + "<td style='width:50%; text-align:left; text-decoration:none;'><span class='normalfont'><B>" + technology_names[i] + "</B><BR></span>"; string = string + "<span class='smallfont' style='color: #707070;'><B>" + technology_slogans[i] + "</B></span>"; string = string + "<span class='smallfont'><ul style='list-style-type:square'>"; features = technology_features[i].split("|"); for (var j=0; j<features.length; j++) { string = string + "<li>" + features[j] + "</li>"; } string = string + "</ul></span></td></tr></table><BR><BR>"; } document.getElementById("technology_id").innerHTML = string; } var product_videos = []; var video_playing = 0; var current_video_index = 0; function play_video(number) { current_video_index = number; if (video_playing==1) { document.getElementById("videoplayer").pause(); document.getElementById("video_wrapper_id").innerHTML = ""; } string = "<video width=100% height=100% controls autoplay id='videoplayer'><source src='" + product_videos[number] + "' type='video/mp4'>Your browser does not support the video tag.</video>"; document.getElementById("video_div_id").style.display = "block"; document.getElementById("video_wrapper_id").innerHTML = string; j=number+1; k=product_videos.length; document.getElementById("video_text_id").innerHTML = j.toString() + "/" + k.toString(); //document.getElementById("video_wrapper_id").play(); video_playing = 1; } function play_next_video() { current_video_index++; if (current_video_index>(product_videos.length-1)) { current_video_index=0; } temp = current_video_index; play_video(temp); } function play_previous_video() { current_video_index--; if (current_video_index<0) { current_video_index=product_videos.length-1; } temp = current_video_index; play_video(temp); } function close_video() { document.getElementById("video_div_id").style.display = "none"; document.getElementById("video_wrapper_id").innerHTML = ""; video_playing = 0; } --> </script> </head> <body id="body_id" marginheight="0" marginwidth="0" border="0" onresize="window_resize2()" onload="window_loaded2()" style="height:100%; width:100%; margin:0px; padding:0px; background-color: #FFFFFF; font-size:12px;"> <iframe style="width: 0%; height: 0%; display: none;" id="iframe_images_id" src="content/content.txt"></iframe> <div id="header_id" style="position:relative; left: 0px; top: 0px; width: 100%; height: auto; background-color: #DDDDDD; color: #000000; padding: 0px; margin:0px;display: block;"> <div class="smallfont"> <BR> </div> <table id="header_table_id" style="float: center; width:90%; background-color: #DDDDDD; color: #000000; border-collapse:collapse; white-space:nowrap; margin-left:auto; margin-right:auto;" class="smallfont"> <tr> <td style="width:10%; text-align:left; text-decoration:none; line-height:1.5;"> <a href="http://nano.aixtron.com/technology.html">English</a><BR> <a href="http://www.aixtron.com/cn/contact/contact-form/" target="_blank">T|</a><BR> <a href="http://www.aixtron.com/cn/home/" target="_blank">[Q</a> </td> <td style="width:65%; text-align:center; text-decoration:none;"> </td> <td style="width:25%; text-align:right; text-decoration:none;"> <img id="logo_id" src="logo.png" style="width:auto; height:auto;"> </td> </tr> </table> <center> <div style="width:90%; box-shadow: 4px 4px 4px #888888;"> <table id="menu_table_id" style="float: center; width:100%; background-color: #D30009; color: #DDDDDD; border-collapse:collapse; white-space:nowrap; margin-left:auto; margin-right:auto; line-height:150%;" class="normalfont"> <tr> <td style="width: 10%;text-align:center; text-decoration:none;"> <a href="index.html">;Nu</a> </td> <td style="width: 15%; text-align:center; text-decoration:none; color: #FFFFFF"> b/g </td> <td style="width: 15%; text-align:center; text-decoration:none;"> <a href="products.html">NT</a> </td> <td style="width: 15%; text-align:center; text-decoration:none;"> <a href="customers.html">[7b</a> </td> <td style="width: 15%; text-align:center; text-decoration:none;"> <a href="people.html">V</a> </td> <td style="width: 10%; text-align:center; text-decoration:none;"> </td> <td style="width:20%; text-align:center; text-decoration:none;"> <a href="../customerservice.html">[7b gR</a> </td> </tr> </table> </div> </center> </div> <div id="main_id" style="position:relative; width:90%; top:0px; margin-left: auto; margin-right: auto; padding:0px;"> <BR> <center> <!-- <span class="normalfont"> <button onclick="play_video(0)" class="flat_button"><B>Why AIXTRON</B></button> </span>--> <span class="bigfont"> <BR> <B><a href="#" onclick="play_video(0);" style="text-decoration: underline;"; onMouseOver="this.style.color='#0000AA'" onMouseOut="this.style.color='#000000'">bNvb/g</a>&nbsp;.^R`Ob</B> </span> </center> <BR><BR> <table style="width:90%; background-color: #FFFFFF; color: #000000; border-collapse:collapse; margin-left:auto; margin-right:auto;" class="smallfont"> <tr> <td style="width:60%; text-align:center; text-decoration:none;"> <img src="images/michael.jpg" style="width:90%; box-shadow: 4px 4px 4px #888888;"> </td> <td style="width:40%; text-align:center; text-decoration:none;"> <div id="image_wrapper" style="position: relative; width: 90%;"> <img id="splash_back_id" style="width: 100%; box-shadow: 4px 4px 4px #888888;"> <div style="position: absolute; top: 0px; left: 0px; width: 100%;"> <img id="splash_front_id" src="" style="opacity: 0; width: 100px; box-shadow: 4px 4px 4px #888888;"> </div> </div> </td> </tr> </table> <table style="width:90%; background-color: #FFFFFF; color: #000000; border-collapse:collapse; margin-left:auto; margin-right:auto;" class="smallfont"> <tr> <td style="width:60%; text-align:center; text-decoration:none;">Prof Dr Michael Heuken, oR;`, Corporate R&D</td> <td style="width:36%; text-align:center; text-decoration:none;"> <div id="image_wrapper" style="position: relative; width: 100%;"> <div id="splash_caption_back_id" style="width: 100%; background-color: #FFFFFF; opacity: 1;">'Y:\[USvfwXp</div> <div style="position: absolute; top: 0px; left: 0px; width: 100%;"> <div id="splash_caption_front_id" style="width: 100%; background-color: #FFFFFF; opacity:0;">'Y:\[USvfwXp</div> </div> </div> </td> <td style="width:4%; text-align:center; text-decoration:none;"></td> </tr> </table> <BR><BR> <center> <span class="bigfont"> <BR> <B>lyYyr'`SOp</B><BR><BR> </span> </center> <div id="technology_id"> </div> <img src="images/bottombar.jpg" style="width:100%;"> </div> <div id="video_div_id" style="position:absolute; width:100%; height: 100%; top:0px; left:0px; padding: 0px; margin:0px; background-color: rgba(0,0,0,0.8); color: #FFFFFF; display: none; z-index:100;"> <span class="smallfont" style="color: #CCCCCC;"> <center> <a href="#" onclick="close_video()" style="color: #FFFFFF;" onMouseOver="this.style.color='#FFFF00'" onMouseOut="this.style.color='#CCCCCC'">V0R;Nu</a> - Ɖ_(uTc <a href="https://www.edx.org/course/introduction-graphene-science-technology-chalmersx-chm001x#.VJMvLPldWjw" style="color: #FFFFFF;" onMouseOver="this.style.color='#FFFF00'" onMouseOut="this.style.color='#CCCCCC'">g\et]'Yf[ MOOC Graphene Science and Technology</a> </center> </span> <div id="video_wrapper_id" style="position:absolute; width:90%; height: 90%; padding: 0px; top: 5%; left: 5%; margin:auto; background-color: #000000; color: #FFFFFF; display: block;"> </div> <div style="position:absolute; width: 100%; top:95%; margin: auto;"> <span class="smallfont"> <center> <span style="color: #FFFF00;">s(Wd>e <span id="video_text_id"></span>:</span> <a href="#" onclick="play_previous_video()" onMouseOver="this.style.color='#FFFF00'" onMouseOut="this.style.color='#FFFFFF'">MRNu</a>&nbsp; <a href="#" onclick="play_next_video()" onMouseOver="this.style.color='#FFFF00'" onMouseOut="this.style.color='#FFFFFF'"> NNu</a>&nbsp; <a href="#" onclick="close_video()" style="color: #CCCCCC;" onMouseOver="this.style.color='#FFFF00'" onMouseOut="this.style.color='#CCCCCC'">V0R;Nu</a> </center> </span> </div> </div> </body> </html>