var newsHeadlineClass = {
    headlineArray: new Array(),
    blurbArray: new Array(),

    addStories: function(tabsContainer) {
        tabs = document.getElementById(tabsContainer).getElementsByTagName("div");
        for (x in tabs) {
            if (typeof (tabs[x].id) != "undefined") {
                tabs_id = tabs[x].id.substring(0, 5);
                if (tabs_id != "blurb") {
                    this.headlineArray.push(tabs[x].id);
                }
                else {
                    this.blurbArray.push(tabs[x].id);
                }
            } else { }
        }
    },

    switchStory: function(element) {
        //headline
        headlineItem = this.headlineArray[element];
        dataElementHeadline = document.getElementById(headlineItem);

        headlinedivb = document.getElementById('headlinediv');
        headlinedivb.innerHTML = dataElementHeadline.innerHTML;

        //blurb
        blurbItem = this.blurbArray[element];
        dataElementBlurb = document.getElementById(blurbItem);

        blurbdivb = document.getElementById('blurbdiv');
        blurbdivb.innerHTML = dataElementBlurb.innerHTML;

        //image
        $j("#newsHeadlineImage").attr("src", $j("#img_headlineImage" + (element + 1)).attr("src"));
    }
};

tabclassOn = "contentTabActive";
tabclassOff = "contentTab";
tabactive = "contentTabHighlight";
tabinactive = "contentTabInactive";
tabclassOnRed = "contentTabActiveRed";
tabactiveRed = "contentTabHighlightRed";

function switchTabBlue(tabsContainer, element) {
    tabSetArrayBlue = new Array(),

				tabs = document.getElementById(tabsContainer).getElementsByTagName("div");
    for (x in tabs) {
        if (typeof (tabs[x].id) != "undefined") {
            this.tabSetArrayBlue.push(tabs[x].id);
        } else { }
    }

    for (x in this.tabSetArrayBlue) {
        tabItem = this.tabSetArrayBlue[x];
        dataElement = document.getElementById(tabItem + "_data");
        if (dataElement) {
            if (dataElement.style.display != "none") {
                dataElement.style.display = "none";
            } else { }
        } else { }

        tabElement = document.getElementById(tabItem);
        if (tabElement) {
            if ((tabElement.className == this.tabactive) | (tabElement.className == this.tabinactive)) {
                tabElement.className = this.tabinactive;
            } else {
                if ((tabElement.className != this.tabclassOff) & (tabElement.className != this.tabinactive)) {
                    tabElement.className = this.tabclassOff;
                } else { }
            }
        } else { }
    }
    document.getElementById(element.id + "_container").className = "contentTabHighlight";
    document.getElementById(element.id + "_data").style.display = "block";
    element.className = this.tabclassOn;
}

function showBlurb(elId, tmpText) {
    var pos = $j('#headline_' + elId).position();
    $j('#newsblurb').css('top', (pos.top + 25) + 'px');
    $j('#newsblurb').css('left', pos.left + 'px');
    $j('#newsblurb').html(tmpText);
    $j('#newsblurb').show();
}

var curScroll = "";
var UpdateInterval = 40;
var PixelPerInterval = 2;
var scorllerInterval;

function start_scroll_right(scrollerId) {
	if (curScroll != "")
	{
		visible_headline();
	}
	curScroll = scrollerId;
	hidden_headline();
	scorllerInterval = setInterval(scroll_left, UpdateInterval);
}
function scroll_left() {
	var tmpInterval = $j('#scroller'+curScroll).scrollLeft() + PixelPerInterval;
	$j('#scroller'+curScroll).scrollLeft(tmpInterval);
}
function stop_scrolling() {
	clearInterval(scorllerInterval);
	visible_headline();
}
function visible_headline()
{
	$j('#scroller'+curScroll).scrollLeft(0);
	$j('#scroller'+curScroll+'vis').removeClass("hidden").addClass("visible");
	$j('#scroller'+curScroll+'hid').removeClass("visible").addClass("hidden");
}
function hidden_headline()
{
	$j('#scroller'+curScroll+'vis').removeClass("visible").addClass("hidden");
	$j('#scroller'+curScroll+'hid').removeClass("hidden").addClass("visible");
}

function switchTabRed(tabsContainer, element) {

    tabSetArrayRed = new Array();
    tabs = document.getElementById(tabsContainer).getElementsByTagName("div");
    for (x in tabs) {
        if (typeof (tabs[x].id) != "undefined") {
            this.tabSetArrayRed.push(tabs[x].id);
        } else { }
    }

    for (x in this.tabSetArrayRed) {
        tabItem = this.tabSetArrayRed[x];
        dataElement = document.getElementById(tabItem + "_data");
        if (dataElement) {
            if (dataElement.style.display != "none") {
                dataElement.style.display = "none";
            } else { }
        } else {
            for (var i = 0; i <= 5; i++) {
                tmpName = tabItem;
                if (typeof tmpName == "string")
                {
                    tmpName = tmpName.replace('Control1', 'Control1_rpt1_ctl0' + i);
                    if (document.getElementById(tmpName + "_data") && document.getElementById(tmpName + "_data").style.display != "none") {
                        document.getElementById(tmpName + "_data").style.display = "none";
                    }
                }
            }

            for (var i = 0; i <= 5; i++) {
                tmpName = tabItem;
                for (var n = 3; n <= 8; n++) {
                    if (typeof tmpName == "string")
                    {
                        tmpName = tmpName.replace('ctl0' + n, 'ctl0' + n + '_rpt1_ctl0' + i);
                        if (document.getElementById(tmpName + "_data") && document.getElementById(tmpName + "_data").style.display != "none") {
                            document.getElementById(tmpName + "_data").style.display = "none";
                        }
                    }
                }
            }
        }

        tabElement = document.getElementById(tabItem);
        if (tabElement) {
            if ((tabElement.className == this.tabactiveRed) | (tabElement.className == this.tabinactive)) {
                tabElement.className = this.tabinactive;
            } else {
                if ((tabElement.className != this.tabclassOff) & (tabElement.className != this.tabinactive)) {
                    tabElement.className = this.tabclassOff;
                } else { }
            }
        } else { }
    }
    document.getElementById(element.id + "_container").className = "contentTabHighlightRed";
    if (document.getElementById(element.id + "_data"))
    {
        document.getElementById(element.id + "_data").style.display = "block";
    }
    else {
        for (var i = 0; i <= 5; i++) {
            tmpName = element.id;
            tmpName = tmpName.replace('Control1', 'Control1_rpt1_ctl0' + i);
            if (document.getElementById(tmpName + "_data"))
            {
                document.getElementById(tmpName + "_data").style.display = "block";
            }
        }

        for (var i = 0; i <= 5; i++) {
            tmpName = element.id;
            for (var n = 3; n <= 8; n++) {
                tmpName = tmpName.replace('ctl0' + n, 'ctl0' + n + '_rpt1_ctl0' + i);
                if (document.getElementById(tmpName + "_data")) {
                    document.getElementById(tmpName + "_data").style.display = "block";
                }
            }
        }
    }
    element.className = this.tabclassOnRed;
}

   		function changeMainImage(tabsContainer, imagename, imgdiv, largeimage_name, header) {
    			tabSetArrayRed = new Array();
    			tabs = document.getElementById(tabsContainer).getElementsByTagName("div");
    			for (x in tabs) {
    				if (typeof (tabs[x].id) != "undefined") {
    					this.tabSetArrayRed.push(tabs[x].id);
    				}
    			}

    			for (x in this.tabSetArrayRed) {
    				//alert(x);    			
	   				tabItem = this.tabSetArrayRed[x];
    				dataElement = document.getElementById(tabItem);
    				if (dataElement) {
    					if (dataElement.id == imgdiv.id) {    						
    						loadImage('http://www.topfan.com/images/public/pics/previews/' + imagename, header);
    						imgdiv.className = "thumbNail active_thumbnail";
    					}
    					else 
    					{
    						dataElement.className = "thumbNail inactive_thumbnail";
   						}
    				}
    			}
    		}

    		function fanMouseOver(element) {
    			if (element.className != 'thumbNail active_thumbnail') {
    				element.className = 'thumbNail hover_thumbnail';
    			}
    		}

    		function fanMouseOut(element) {

    			if (element.className != 'thumbNail active_thumbnail') {
    				element.className = 'thumbNail inactive_thumbnail';
    				//element.style.opacity = 1;
    				//element.filters.alpha.opacity = 40;
    				//alert(element.className);
    			}
    		}

    		function loadImage(newimg, header) {
    			// when the DOM is ready
    			$j('#loader')
    			.html('')
    			.addClass('loading')
				
				$j('#fan_image_header')
				.text(header)
    			
    			$j(function() {
    				var img = new Image();

    				// wrap our new image in jQuery, then:
    				$j(img)

    				// once the image has loaded, execute this code
				.load(function() {

					// set the image hidden by default    
					$j(this).hide();

					// with the holding div #loader, apply:
					$j('#loader')

					.html('')
					// remove the loading class (so no background spinner), 
					.removeClass('loading')
					// then insert our image
					.append(this);

					// fade our image in to create a nice effect
					$j(this).fadeIn();
				})

    				// if there was an error loading the image, react accordingly
				.error(function() {
					// notify the user that the image could not be loaded
				})

    				// *finally*, set the src attribute of the new image to our image
				.attr('id', 'ctl00_ContentPlaceHolder1_featureFansControl1_img1')
				.attr('style', 'width:200px;border-width:0px;')
				.attr('src', newimg);
    			});    		
    		}