/********************************/
/******** Detect Browser ********/
/********************************/
var agent = navigator.userAgent.toLowerCase();
var isFF = (agent.indexOf('firefox') != -1);
var isIE = (agent.indexOf('msie') != -1);
var isSA = (agent.indexOf('safari') != -1);
/******************************/
/******** Insert Video ********/
/******************************/
function playVideo(video) {
var playerStart = "";
document.getElementById("mediaPlayerShell").innerHTML = playerStart + video + playerMiddle + video + playerEnd;
}
function playVideo2(video) {
var playerStart = "";
document.getElementById("mediaPlayerShell2").innerHTML = playerStart + video + playerMiddle + video + playerEnd;
}
function playSWF(video) {
var playerStart = "";
document.getElementById("flashPlayerShell").innerHTML = playerStart + video + playerMiddle + video + playerEnd;
}
/***********************************/
/******** Random Home Image ********/
/***********************************/
var featureImage = [
"/images/antennae.jpg",
"/images/crabNebula.jpg",
"/images/prebioticMolecules.jpg",
"/images/minkowskiObject.jpg"];
var featureImageTitle = [
"Featured Image: The Antennae",
"Featured Image: Crab Nebula",
"Featured Image: Prebiotic Molecules",
"Featured Image: Minkowski's Object"];
var featureImageLink = [
"http://www.nrao.edu/imagegallery/php/level3.php?id=265",
"http://www.nrao.edu/imagegallery/php/level3.php?id=393",
"http://www.nrao.edu/imagegallery/php/level3.php?id=484",
"http://www.nrao.edu/imagegallery/php/level3.php?id=517"];
var imgNum = (Math.floor(Math.random()*featureImage.length));
function chgImg(direction) {
imgNum = imgNum + direction; //Add the direction ... -1, 0, or 1 ... to the current image number.
if (imgNum >= featureImage.length) { //If it passes the end of the image array, go to the beginning.
imgNum = 0;
}
if (imgNum < 0) { //If it passes the beginning of the image array, go to the end.
imgNum = featureImage.length - 1;
}
document.getElementById('featureImageImg').setAttribute("src", featureImage[imgNum]); //Set the image source...
document.getElementById('featureImageImg').setAttribute("alt", featureImageTitle[imgNum]); //...alt...
document.getElementById('featureImageTitle').innerHTML = featureImageTitle[imgNum]; //...title...
document.getElementById('featureImageA').setAttribute("href", featureImageLink[imgNum]); //...link...
document.getElementById('featureImageA').setAttribute("href", featureImageLink[imgNum]); //...and numbers.
displayNumber = imgNum + 1; //Set the display number to one more than the JavaScript count number...
document.getElementById('featureImageNumbers').innerHTML = " " + displayNumber + " of " + featureImage.length + " "; //...and display "# of #" with previous and next buttons.
}
/*****************************************/
/******** Run When Page is Loaded ********/
/*****************************************/
window.addEvent('domready', function () {
if(document.getElementById('featureImageImg')){ //If there is a feature image on the page after loading (the home page)...
chgImg(0); //Set it to the random number.
}
//we're using the domready handler to set all of the initial positioning of items to their pre-animated states
if($('video')){$('video').setStyle ('left','-200px');}
var list = $$('#scopelist li a');
list.each(function(element) {
element.setStyle ('opacity','0');
});
});
window.addEvent('load', function() {
var list = $$('#scopelist li a');
list.each(function(element) {
element.setStyle ('opacity','0');
});
// ---------- Main Feature Animation
if($('video')){
homeFeatureVideoFX = new Fx.Styles('video', {duration:300, transition:Fx.Transitions.Back.easeOut, wait:false});
}
if($('video')){
homeFeatureVideoFX.start.delay
(2500, homeFeatureVideoFX, { //9500
'left':'45px'
});
}
// ----------- Telescope List FX Hovers -----------
var list = $$('#scopelist li a');
var fadefx = [];
var i=0;
timer = 0;
list.each(function(element, i) {
timer +=200;
var fx = new Fx.Styles(element, {duration:00, wait:false});
fadefx[i] = new Fx.Style(element, 'opacity',{
duration:400,
wait:false
});
fadefx[i].start.delay(timer, fadefx[i], 1);
i++;
element.addEvent('mouseenter', function(){
fx.start({'border-color': '#FFCC00'});
});
element.addEvent('mouseleave', function(){
fx.start({'border-color': '#FFFFFF'});
});
});
}); // ----------- close the onload handler ---------------
"; //...and display "# of #" with previous and next buttons.
}
/*****************************************/
/******** Run When Page is Loaded ********/
/*****************************************/
window.addEvent('domready', function () {
if(document.getElementById('featureImageImg')){ //If there is a feature image on the page after loading (the home page)...
chgImg(0); //Set it to the random number.
}
//we're using the domready handler to set all of the initial positioning of items to their pre-animated states
if($('video')){$('video').setStyle ('left','-200px');}
var list = $$('#scopelist li a');
list.each(function(element) {
element.setStyle ('opacity','0');
});
});
window.addEvent('load', function() {
var list = $$('#scopelist li a');
list.each(function(element) {
element.setStyle ('opacity','0');
});
// ---------- Main Feature Animation
if($('video')){
homeFeatureVideoFX = new Fx.Styles('video', {duration:300, transition:Fx.Transitions.Back.easeOut, wait:false});
}
if($('video')){
homeFeatureVideoFX.start.delay
(2500, homeFeatureVideoFX, { //9500
'left':'45px'
});
}
// ----------- Telescope List FX Hovers -----------
var list = $$('#scopelist li a');
var fadefx = [];
var i=0;
timer = 0;
list.each(function(element, i) {
timer +=200;
var fx = new Fx.Styles(element, {duration:00, wait:false});
fadefx[i] = new Fx.Style(element, 'opacity',{
duration:400,
wait:false
});
fadefx[i].start.delay(timer, fadefx[i], 1);
i++;
element.addEvent('mouseenter', function(){
fx.start({'border-color': '#FFCC00'});
});
element.addEvent('mouseleave', function(){
fx.start({'border-color': '#FFFFFF'});
});
});
}); // ----------- close the onload handler ---------------