//----------------------------------------------------------------------------------
//
//  Javascript function to change the text of an element based on its ID
//
//----------------------------------------------------------------------------------
function makeTxt(id, txt) 
{
    
    var obj = document.getElementById(id);
    obj.firstChild ? obj.firstChild.data = txt.toString() : obj.appendChild(document.createTextNode(txt.toString()))
}

//----------------------------------------------------------------------------------
//
//  Javascript function that changes the background image of a div
//
//----------------------------------------------------------------------------------
function ChangeBG(control,image) {
    var control = document.getElementById(control);
    control.style.backgroundImage = 'url(\'' + image + '\')';

}

//----------------------------------------------------------------------------------
//
//  Javascript function that loads the default setting for a tool page
//
//----------------------------------------------------------------------------------

function LoadText() 
{
    var control = document.getElementById("Description");
        control.style.height = "200px";
        control.style.padding = "10px";

}

//----------------------------------------------------------------------------------
//
//  Javascript function for Rollovers
//
//----------------------------------------------------------------------------------
function roll(img_name, img_src) {
    document[img_name].src = img_src;
}

//----------------------------------------------------------------------------------
//
//  Javascript that underlines a specific field based on the input values
//
//----------------------------------------------------------------------------------
function underline(elementID) {
    var control = document.getElementById(elementID).value;
    
    control.style.textDecoration = "underline";
    control.style.fontWeight = "bold";
}

//----------------------------------------------------------------------------------
//
//  Javascript function to makes one control visible if the other isn't
//
//----------------------------------------------------------------------------------
function toggleVisibility(id) 
{

    var Desc = document.getElementById("Description");
    var Specs = document.getElementById("Specs");
    var Parent = document.getElementById("parentDiv");
    var Photos = document.getElementById("pics");

    if (id == "Description" && (Desc.style.visibility != "visible")) {
        // Set Specs to Invisible
        if (Specs.style.visibility == "visible" || Specs.style.visibility == "") {
            Specs.style.height = "0px";
            Specs.style.padding = "0px";
            Specs.style.visibility = "hidden";
        }
        
        if (Photos.style.visibility == "visible" || Photos.style.visibility == "") {
        Photos.style.height = "0px";
        Photos.style.padding = "0px";
        Photos.style.visibility = "hidden";

        }
        // Set Description to Visible
        Desc.style.height = "100%";
        Desc.style.padding = "10px";
        Desc.style.visibility = "visible";

    }
    else if (id == "Specs" && Specs.style.visibility != "visible") {
        // Set Description to Invisible
        if (Desc.style.visibility == "visible" || Desc.style.visibility == "") {
            Desc.style.height = "0px";
            Desc.style.padding = "0px";
            Desc.style.visibility = "hidden";
        }
        
        if (Photos.style.visibility == "visible" || Photos.style.visibility == "") {
            Photos.style.height = "0px";
            Photos.style.padding = "0px";
            Photos.style.visibility = "hidden";

        }
        // Set Specs to Visible
        Specs.style.height = "100%";
        Specs.style.padding = "10px";
        Specs.style.visibility = "visible";
    }
    else if (id == "pics" && Photos.style.visibility != "visible") {

        if (Specs.style.visibility == "visible" || Specs.style.visibility == "") {
            Specs.style.height = "0px";
            Specs.style.padding = "0px";
            Specs.style.visibility = "hidden";
        }

        if (Desc.style.visibility == "visible" || Desc.style.visibility == "") {
            Desc.style.height = "0px";
            Desc.style.padding = "0px";
            Desc.style.visibility = "hidden";
        }

        Photos.style.height = "100%";
        Photos.style.padding = "10px";
        Photos.style.visibility = "visible";
        
    }
}
//----------------------------------------------------------------------------------
//
//  Javascript Picture Slideshow
//
//----------------------------------------------------------------------------------

//// Set slideShowSpeed (milliseconds)
//var slideShowSpeed = 5000;
//// Duration of crossfade (seconds)
//var crossFadeDuration = 5;
//// Specify the image files
//var Pic = new Array();
//// to add more images, just continue
//// the pattern, adding to the array below

//Pic[0] = 'Images/Homepage_Picture.jpg'
//Pic[1] = 'Images/Homepage_Picture2.jpg'

//// do not edit anything below this line
//var t;
//var j = 0;
//var p = Pic.length;
//var preLoad = new Array();
//for (i = 0; i < p; i++) {
//    preLoad[i] = new Image();
//    preLoad[i].src = Pic[i];
//}
//function runSlideShow() {
//    if (document.all) {
//        document.images.SlideShow.style.filter = "blendTrans(duration=2)";
//        document.images.SlideShow.style.filter = "blendTrans(duration=crossFadeDuration)";
//        document.images.SlideShow.filters.blendTrans.Apply();
//    }
//    document.images.SlideShow.src = preLoad[j].src;
//    if (document.all) {
//        document.images.SlideShow.filters.blendTrans.Play();
//    }
//    j = j + 1;
//    if (j > (p - 1)) j = 0;
//    t = setTimeout('runSlideShow()', slideShowSpeed);
//}

//----------------------------------------------------------------------------------
//
// Scrolling Text CODE
// This code must be placed on the page where you want the text to appear.
//
//----------------------------------------------------------------------------------
/*
Cross browser Marquee script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and Terms Of Use, visit http://www.dynamicdrive.com
Credit MUST stay intact
*/
/*
//Specify the marquee's width (in pixels)
var marqueewidth = "780px"
//Specify the marquee's height
var marqueeheight = "37px"
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed = 2
//configure background color:
var marqueebgcolor = "Green"
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit = 0

//Specify the marquee's content (don't delete <nobr> tag)
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):

var marqueecontent = '<nobr><span style="color:#ffffff;">Testing Marquee Text</span></nobr>'


////NO NEED TO EDIT BELOW THIS LINE////////////
marqueespeed = (document.all) ? marqueespeed : Math.max(1, marqueespeed - 1) //slow speed down by 1 for NS
var copyspeed = marqueespeed
var pausespeed = (pauseit == 0) ? copyspeed : 0
var iedom = document.all || document.getElementById
if (iedom)
    document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">' + marqueecontent + '</span>')
var actualwidth = ''
var cross_marquee, ns_marquee

function populate() {
    if (iedom) {
        cross_marquee = document.getElementById ? document.getElementById("iemarquee") : document.all.iemarquee
        cross_marquee.style.left = parseInt(marqueewidth) + 8 + "px"
        cross_marquee.innerHTML = marqueecontent
        actualwidth = document.all ? temp.offsetWidth : document.getElementById("temp").offsetWidth
    }
    else if (document.layers) {
        ns_marquee = document.ns_marquee.document.ns_marquee2
        ns_marquee.left = parseInt(marqueewidth) + 8
        ns_marquee.document.write(marqueecontent)
        ns_marquee.document.close()
        actualwidth = ns_marquee.document.width
    }
    lefttime = setInterval("scrollmarquee()", 20)
}
window.onload = populate

function scrollmarquee() {
    if (iedom) {
        if (parseInt(cross_marquee.style.left) > (actualwidth * (-1) + 8))
            cross_marquee.style.left = parseInt(cross_marquee.style.left) - copyspeed + "px"
        else
            cross_marquee.style.left = parseInt(marqueewidth) + 8 + "px"

    }
    else if (document.layers) {
        if (ns_marquee.left > (actualwidth * (-1) + 8))
            ns_marquee.left -= copyspeed
        else
            ns_marquee.left = parseInt(marqueewidth) + 8
    }
}

if (iedom || document.layers) {
    with (document) {
        document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
        if (iedom) {
            write('<div style="position:relative;width:' + marqueewidth + ';height:' + marqueeheight + ';overflow:hidden">')
            write('<div style="position:absolute;width:' + marqueewidth + ';height:' + marqueeheight + ';background-color:' + marqueebgcolor + '" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
            write('<div id="iemarquee" style="position:absolute;left:0px;top:0px"></div>')
            write('</div></div>')
        }
        else if (document.layers) {
            write('<ilayer width=' + marqueewidth + ' height=' + marqueeheight + ' name="ns_marquee" bgColor=' + marqueebgcolor + '>')
            write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
            write('</ilayer>')
        }
        document.write('</td></table>')
    }
}
*/