var activeElement;
var timer;
var activeMenu;
var elementMoving = new Array ();
function SlideElement (nextID, prevID, limit, opacity, offset) {
        var element = new Array ();
        element[0] = document.getElementById(nextID);
        element[1] = document.getElementById(prevID);
        
        for (var i = 0 ; i <= 0; i++) {
        element[i].style.opacity = opacity / 100;
        
        	element[i].style.top = (parseInt(element[i].style.top) + (offset / 100)) + "px";
        
        // reached the previous element limit
        
        	if ((parseInt(element[i].style.top) >= 500) && (i == 1)) {
        		element[i].style.top = limit + "px";
        		element[i].style.display = "none";   
        		element[i].style.top = "0px";		
        	}
        
        // reached the next element limit
        	if ((parseInt(element[i].style.top) >= limit) && (i == 0)) {
        		element[i].style.top = limit + "px";
        	}
        	}
}

function FadeElement (id, opacity) {
        element = document.getElementById(id);
        element.style.opacity = opacity / 100;
}

function SlideInElement (nextElement, prevElement, offset) {
        var prevID = "";
        
        nextElement.style.display = "block";
        
        if (prevElement != null) {
        		prevElement.style.position = "relative";
        		prevElement.style.top = "0px";
        		prevID = prevElement.id;
        }
        
        for (var i = 0 ; i <= 100 ; i++) {
                timer = setTimeout("SlideElement('"+nextElement.id+"', '"+prevID+"', '"+0+"', '"+i+"', '"+offset+"')" , 12 * i );
        } 
}


// move the element a single unit towards its destination
function MoveElementTo (id, toX, toY) {
        var element = document.getElementById(id);
         
        // move right
        if (parseInt(element.style.left) < toX) {
               move = parseInt(element.style.left) + 1;
               element.style.left = move + "px";
        }
        
        // move left
        if (parseInt(element.style.left) > toX) {
               move = parseInt(element.style.left) - 1;
               element.style.left = move + "px";
        }
        
        // move up
        if (parseInt(element.style.top) > toY) {
               move = parseInt(element.style.top) - 1;
               element.style.top = move + "px";
        }
        
        // move down
        if (parseInt(element.style.top) < toY) {
               move = parseInt(element.style.top) + 1;
               element.style.top = move + "px";
        }
        
        // reached destination
        if ((parseInt(element.style.top) == toY) && (parseInt(element.style.left) == toX)) {
        		elementMoving.splice(0, element.id);
        }
}

//  moves an item in increments until it reaches the destination
function MoveElement (element, toX, toY, speed) {
        
        element.style.display = "block";
        elementMoving[element.id] = true;
        
        for (var i = 0 ; i <= 1000 ; i++) {
               timer = setTimeout("MoveElementTo('"+element.id+"', '"+toX+"', '"+toY+"')" , speed * i );
        }
}

function GetAbsolutePositionY (oElement) {
        var iReturnValue = 0;
        while( oElement != null ) {
                iReturnValue += oElement.offsetTop;
                oElement = oElement.offsetParent;
        }
        return iReturnValue;
}

function GetAbsolutePositionX (oElement) {
        var iReturnValue = 0;
        while( oElement != null ) {
                iReturnValue += oElement.offsetLeft;
                oElement = oElement.offsetParent;
        }
        return iReturnValue;
}

function RemoveElement(element) {
        parent = element.parentNode;
        parent.removeChild(element);
}

function LoadMenuItems () {
	var items = new Array ();
	
	items[0] = document.getElementById("menu_icon_1");
	items[1] = document.getElementById("menu_icon_2");
	items[2] = document.getElementById("menu_icon_3");
	items[3] = document.getElementById("menu_icon_4");
	items[4] = document.getElementById("menu_icon_5");	
	
	return items;
}
function SelectMenu (id) {
	return;
	var items = LoadMenuItems();

        if ((activeMenu == id) || (elementMoving.length > 0)) {
        		return;
        }
        activeMenu = id;
        
        MoveElement(items[id], GetAbsolutePositionX(document.getElementById("embedder")) - 50, 400, i + 1);
         
        // move items
        var increment = 0;
        
        for (i = 0; i < items.length; i++) {
        		if (i != id) {
        			MoveElement(items[i], GetAbsolutePositionX(document.getElementById("embedder")) - 200, 470 + increment, i + 1);
			
			increment = increment + 54;
        		}
        }
}

function OpenMenu () {
       var items = LoadMenuItems();
       
        // set default values
        for (i = 0; i < items.length; i++) {
               items[i].style.position = "absolute";
               items[i].style.top = "200px";
               items[i].style.left = "700px";
               items[i].style.opacity = 1.0;
        }
        
        // move items
        for (i = 0; i < items.length; i++) {
		MoveElement(items[i], GetAbsolutePositionX(document.getElementById("embedder")) - 200, 470 + (i * 54), i + 1);
        }
}

// sets the elements image scr
function SetImage (element, path) {
        element.src = path;
}

// toggles an elements opacity
function ToggleElement (element) {
        
        if (element.style.display == "none") {
                element.style.display = "block";
                element.style.opacity = 0;
        
                for (var i = 0 ; i <= 100 ; i++) {
                        timer = setTimeout("FadeElement('"+element.id+"', '"+i+"')" , 2 * i );
                } 

        } else {
                
                for (var i = 100 ; i > 0 ; i--) {
                        timer = setTimeout("FadeElement('"+element.id+"', '"+i+"')"  , 2 * i );
                } 
                
                element.style.display = "none";
        }

}

function RemoveButtonFocus () {
        document.getElementById("download.png").style.opacity = 0.5;
        document.getElementById("purchase.png").style.opacity = 0.5;
        document.getElementById("manual.png").style.opacity = 0.5;
        document.getElementById("development.png").style.opacity = 0.5;
        document.getElementById("forum.png").style.opacity = 0.5;
        document.getElementById("contact.png").style.opacity = 0.5;
}
function ShowTitleBar (button, content) {

        // set title bar text
        titleBar = document.getElementById("titlebar");
        titleBar.innerHTML = content;
        button.style.opacity = 1.0;
        
        
        for (var i = 0 ; i <= 100 ; i++) {
               timer = setTimeout("FadeElement('"+titleBar.id+"', '"+i+"')"  , 2 * i );
        } 
        
        /*
       RemoveButtonFocus();
        
        // fade in button
        for (var i = (button.style.opacity * 100) ; i <= 100 ; i++) {
               timer = setTimeout("FadeElement('"+button.id+"', '"+i+"')"  , 2 * i );
        } 
        */
}

function ClearTitleBar (currentButton) {

        document.getElementById("titlebar").innerHTML = "";
        RemoveButtonFocus();
        
        for (var i = 100 ; i >= 50 ; i--) {
               //timer = setTimeout("FadeElement('"+currentButton.id+"', '"+i+"')"  , 2 * i );
        }
}
function EmbedContent (cell) {
        parent = document.getElementById("embedder"); 
        var savedElement;
        
        if (cell == activeElement) {
		return;
        }
        
        if (activeElement != null) {
                	activeElement.style.position = "absolute";
		activeElement.style.top = "0px";
		activeElement.style.display = "none";
		savedElement = activeElement;
        }
        
        activeElement = cell;
        offset = 500;
        
        cell.style.position = "relative";
        cell.style.display = "block";
        cell.style.top = -offset + "px";
        cell.style.left = 0;
        cell.style.width = parent.style.width;
        cell.style.height = parent.style.height;
        
        SlideInElement(cell, savedElement, offset);
}