﻿// Copyright 2009 - Astral Softworks, LLC

var messages = new Array(
    "<a href='Service.aspx'><span style='text-decoration:blink;'>FREE</span> In House Computer Diagnostic!</a>",
    "<a href='PCRecycling.aspx'><img src='./images/recycle_logo.png' height=70 style='float:left;margin:-10px 5px -10px -5px;'/><div style='font-size: 17px; padding-bottom: 5px;'>Your PC Recycling specialist!</div><div style='font-size: 9px;'>22,000 lbs. and counting...</div></a>");
var messageIndex = 0;

// Rotate message content
function RotateMessage(elementId)
{
    if(messageIndex >= messages.length)
    {
        messageIndex = 0;
    }
    
    var element = document.getElementById(elementId);
    element.innerHTML = messages[messageIndex];
    
    messageIndex++;
    
    setTimeout("RotateMessage('" + elementId + "');", 3000);
}

// Preload an array of image URLs
function Preload(imgs)
{
    for (var i = 0; i < imgs.length; i++) 
    {
        var nextImage = new Image();
        nextImage.src = imgs[i];
    }
}

// Slideshow
function Slideshow(div)
{
    this.div = div;
    var slides = new Array();
    var slidesDiv = null;
    var mainDiv = null;
    var slideIndex = -1;
    var clicked = false;
    var activeSlide = null;
    
    var Initialize = function()
    {
        this.width = div.clientWidth;
        this.height = div.clientHeight;
        
        slidesDiv = document.createElement("div");
        slidesDiv.className = "slideIndex";
        
        mainDiv = document.createElement("div");
        mainDiv.className = "slideView"
        
        div.appendChild(slidesDiv);
        div.appendChild(mainDiv);
    };
    Initialize();
    
    var OnImageClick = function(e)
    {
        clicked = true;
    
        if(e.target)
        {
            ViewSlide(e.target);
        }
        else
        {
            ViewSlide(e.srcElement);
        }
    };
        
    var ViewSlide = function(img)
    {    
        if(activeSlide != null)
        {
            activeSlide.className = "slide";
        }
    
        while(mainDiv.childNodes.length > 0)
        {
            mainDiv.removeChild(mainDiv.childNodes[0]);
        }
        
        var viewElement = new Image();
        viewElement.src = img.src;
        viewElement.alt = img.alt;
        viewElement.title = img.title;
        
        var title = document.createElement("div");
        title.className = "slideCaption";
        title.innerHTML = viewElement.title;
        
        if(img.content)
        {
            mainDiv.innerHTML = "<div class='slideContent'>" + img.content + "</div";
        }

        mainDiv.appendChild(title);
        mainDiv.appendChild(viewElement);
        
        slideIndex = img.slideIndex;
        activeSlide = img;
        activeSlide.className = "active_slide";
    };
    
    Slideshow.prototype.NextSlide = function()
    {
        if(!clicked)
        {
            ViewSlide(slides[(slideIndex + 1) % slides.length]);
        }
        else
        {
            clicked = false;
        }
    };
        
    Slideshow.prototype.AddSlide = function(img, content)
    {
        slides.push(img);
        img.slideIndex = slides.length - 1;
           
        slidesDiv.appendChild(img);
    
        if(img.addEventListener)
        {
            img.addEventListener("click", OnImageClick, false);
        }
        else if(img.attachEvent)
        {
            img.attachEvent("onclick", OnImageClick);
        }
        else
        {
            img.onclick = OnImageClick;
        }
        
        img.content = content;
    }
}


