/**********************************************************************************   
NewsSlideFade 
*   Copyright (C) 2001 Thomas Brattli
*   This script was released at DHTMLCentral.com
*   Visit for more great scripts!
*   This may be used and changed freely as long as this msg is intact!
*   We will also appreciate any links you could give us.
*
*   Made by Thomas Brattli
*
*   Script date: 09/04/2001 (keep this date to check versions) 
*********************************************************************************/

/*
*   Scott Owen
*   9/24/2009
*
*   Details of this script have been modified by me over the years to meet 
*   specific client requirements and plug into specifig web pages by use of .NET
*   commands to load the script at runtime.  Otherwise, the modifications have 
*   largely been related to styling (the basic architecture is the same as
*   the original).  
*
*/


function lib_bwcheck(){ //Browsercheck (needed)

this.ver=navigator.appVersion
this.agent=navigator.userAgent
this.dom=document.getElementById?1:0
this.opera5=(navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?1:0
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; 
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
this.ie=this.ie4||this.ie5||this.ie6
this.mac=this.agent.indexOf("Mac")>-1
this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
return this
}
var bw=lib_bwcheck()

/***************************************************************************
Use the style tag to change the placement and width of the layers.
If you are trying to place this into a table cell or something make the
position of the divNewsCont layer relative...Remeber that that might crash
Netscape 4 though, Good luck!
********************************************************************************/

/****
Variables to set 
****/

//How do you want the script to work? 
//0 = Fade in - Fade out
//1 = Slide in - Fade out
//2 = Random 
nWorks = 0

//If you use the slide set these variables:
nSlidespeed = 5 //in px
nNewsheight = 100 //This is how long down it should start the slide.

//nBetweendelay = 6000 //The delay before fading out.
nFont = 'verdana,helvetiva' //The font for the news.
nFontsize = 8 //Font size in points.
//nFadespeed = 50 //The speed to fade in, in milliseconds.

//Set the colors, first color is same as background, last color is the color it stops at:
//You can have as many colors you want
nColor=new Array('#ffffff', '#EEEEEE','#CCCCCC','#999999','#666666','#333333','#000000')



/********************************************************************************
Object code...Object constructors and functions...
********************************************************************************/
function makeNewsObj(obj,nest,font,size,color,news,fadespeed,betweendelay,slidespeed,works,newsheight){
    nest = (!nest) ? "" : 'document.' + nest + '.'

    this.css = bw.dom ? document.getElementById(obj).style : bw.ie4 ? document.all[obj].style : bw.ns4 ? eval(nest + "document.layers." + obj) : 0;

    this.writeref = bw.dom ? document.getElementById(obj) : bw.ie4 ? document.all[obj] : bw.ns4 ? eval(nest + "document.layers." + obj + ".document") : 0;
   	
	if(font){this.color=new Array(); this.color=eval(color); this.news=new Array(); this.news=eval(news)
		this.font=font; this.size=size; this.speed=fadespeed; this.delay=betweendelay; this.newsheight=newsheight;
		this.fadeIn=b_fadeIn;this.fadeOut=b_fadeOut; this.newsWrite=b_newsWrite; this.y=1
		this.slideIn=b_slideIn; this.moveIt=b_moveIt; this.slideSpeed=slidespeed; this.works=works
		if(bw.dom || bw.ie4){this.css.fontFamily=this.font; this.css.fontSize=this.size; this.css.color=this.color[0]}
	}
	this.obj = obj + "Object"; 	eval(this.obj + "=this"); return this
}

// A unit of measure that will be added when setting the position of a layer.
var px = bw.ns4||window.opera?"":"px";

function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x+px; this.css.top=this.y+px;}






//The fade functions
function b_fadeIn(num, i) {

    if (i < this.color.length) {

        if (i == 0 || bw.ns4) {
            this.newsWrite(num, i);

        }
        else {

            obj = bw.ie4 ? eval(this.obj + "link") : document.getElementById(this.obj + "link");
            colorHtmlElements(obj, i);

        }
        i++;

        setTimeout(this.obj + ".fadeIn(" + num + "," + i + ")", this.speed);
    } else {
        setTimeout(this.obj + ".fadeOut(" + num + "," + (this.color.length - 1) + ")", this.delay);
    }
}


function colorHtmlElements( obj, i ) {

    obj.style.color = nColor[i];

    var lnks = obj.getElementsByTagName("a");
    for (var ii = 0; ii < lnks.length; ++ii) {
        lnks[ii].style.color = nColor[i];
    }

    var hrs = obj.getElementsByTagName("hr");
    for (var ii = 0; ii < hrs.length; ++ii) {
        hrs[ii].style.border = "1px solid " + nColor[i];
    }

}

function b_fadeOut(num, i) {


    if (i >= 0) {

        if (i == 0 || bw.ns4) {

            this.newsWrite(num, i);

        }
        else {

            obj = bw.ie4 ? eval(this.obj + "link") : document.getElementById(this.obj + "link");
            colorHtmlElements( obj, i );

        }
        i--
        setTimeout(this.obj + ".fadeOut(" + num + "," + i + ")", this.speed)

    } else {

        num++
        if (num == this.news.length) num = 0

        works = !this.works ? 0 : this.works == 1 ? 1 : Math.round(Math.random())

        if (works == 0) {
            setTimeout(this.obj + ".fadeIn(" + num + ",0)", 500)
        }
        else if (works == 1) {
            this.y = 1; setTimeout(this.obj + ".slideIn(" + num + ",0)", 500)
        }

    }
}

// function that writes news
function b_newsWrite(num, i) {
    if (bw.ns4) {
        alert("ns4");
        this.writeref.write(
            +"<a href=\"" + this.news[num]['link'] + "\" style=\"text-decoration:none; font-size:" + this.size + "px\">"
			+ "<font face=\"" + this.font + "\" color=\"" + this.color[i] + "\">" + this.news[num]['text'] + "</font></a>")
        this.writeref.close()
    }
    else {

        this.writeref.innerHTML = '<div id="' + this.obj + 'link' + '" style="text-decoration:none; font-size:' + this.size + 'pt; color:' + this.color[i] + '" >' + decodeURIComponent(this.news[num]['text']) + '</div>';
        
        obj = bw.ie4 ? eval(this.obj + "link") : document.getElementById(this.obj + "link");
        colorHtmlElements(obj, i);
    }
}




/********************************************************************************************
The init function. Calls the object constructor and set some properties and starts the fade
*********************************************************************************************/
function fadeInit(){
	oNews = new makeNewsObj('divNews','divNewsCont',nFont,nFontsize,"nColor","nNews",nFadespeed,nBetweendelay,nSlidespeed,nWorks,nNewsheight)
	oNewsCont = new makeNewsObj('divNewsCont')
	works = !oNews.works ? 0 : oNews.works == 1 ? 1 : Math.round(Math.random())
	if (works==0) oNews.fadeIn(0,0)
	else if (works==1) oNews.slideIn(0,0)
	oNewsCont.css.visibility = "visible"

    // setting initial news item to visible
	oNews.moveIt(0, 0);
	
}








//function b_slideIn(num, i) {

//    // y is initialized to 1

//    //alert(this.y + "1    " + (this.newsheight * -1));
//    if (this.y <= (this.newsheight * -1)) {

//        if (i == 0) {

//            // setting the div to be up high.
//            this.moveIt(0, (this.newsheight*-1) );

//            
//            // changing the color
//            this.newsWrite(num, this.color.length - 1) 
//        }

//        alert("before moving\n\tthis.y:   " + this.y + "\n\tincrement amount:   " + (this.y - this.slideSpeed) + "\n\tthis.newsheight:   " + this.newsheight);
//        this.moveIt(this.x, this.slideSpeed)
//        alert( "after moving\n\tthis.y:    " + this.y + "\n\tnewsheight:   " + this.newsheight );
//        
//        
//        i++
//        setTimeout(this.obj + ".slideIn(" + num + "," + i + ");", 50)
//    
//    }
//    else {

//        this.moveIt(0, 0); 
//        // done sliding fading out.
//        setTimeout(this.obj + ".fadeOut(" + num + "," + (this.color.length - 1) + ")", this.delay)
//    }
//}



/********************************************************************************
*   Original code for slide in
********************************************************************************/

function b_slideIn(num, i) {
    if (this.y > 0) {
        if (i == 0) { this.moveIt(0, this.newsheight); this.newsWrite(num, this.color.length - 1) }
        this.moveIt(this.x, this.y - this.slideSpeed)
        i++
        setTimeout(this.obj + ".slideIn(" + num + "," + i + ");", 50)
    } else setTimeout(this.obj + ".fadeOut(" + num + "," + (this.color.length - 1) + ")", this.delay)
}