//
// CodaEffects.js - (C) 2007 Panic, Inc.
//
// Used to scroll our tabbed view, display our download popup, and display the giant dialog.
// Requires: Effects.js
//
// Not for redistribution.

// UPDATES
// 8/12/2008 switched default loaded section from "sites-pane" to "new-pane" -- Tim
//

// Scroll: Setup Scrolling Stuff

//var currentSection = "new-pane"; // The default loaded section on the page
var tabTag = "-tab";
var paneTag = "-pane";

// Scroll the page manually to the position of element "link", passed to us.

function ScrollSection(link, scrollArea, offset)
{

	// Store the last section, and update the current section

	if (currentSection == link) {
		return;
	}
	lastSection = currentSection;
	currentSection = link;
	
	// Change the section highlight.
	// Extract the root section name, and use that to change the background image to 'top', revealing the alt. state

    sectionTab = currentSection.split("-")[0] + tabTag;
	//currentSection.split("-")[0].split("new")[0].split("a")[1];
	var num = document.getElementById(sectionTab).className = "active";
	document.getElementById(sectionTab+'1').className = "active";
	document.getElementById(sectionTab+'3').className = "active";
	var tabf = reusetab("toolbarhack",sectionTab,"nomore");
	var taf = reusetab("toolbarhack",sectionTab,"more");
	var cleft = parseInt(crossobj.style.left)*(-1);
	
	if(cleft > tabf)
	{
		crossobj.style.left = tabf;
	}
	else if((cleft+672)<taf)
	{
		crossobj.style.left = (taf-672)*(-1) + "px";
	}
	if(parseInt(crossobj.style.left) < 0)
{
document.getElementById("la").innerHTML = '<a href="#" onMouseOver="moveleft()" onmouseout="clearTimeout(moveleftvar)"><img src="down.gif" border="0"></a>'
}
else
{
document.getElementById("la").innerHTML = '<a href="#">&nbsp;</a>'
}
leftint = (parseInt(crossobj.style.left) *(-1))+672
if(leftint < twidth)
{
document.getElementById("ra").innerHTML = '<a href="#" onMouseOver="moveright()"onmouseout="clearTimeout(moverightvar)"><img src="up.gif" border="0"></a>'
}
else
{
document.getElementById("ra").innerHTML = '<a href="#">&nbsp;</a>'

}
    if (lastSection) {
	    lastTab = lastSection.split("-")[0] + tabTag;
	    document.getElementById(lastTab).className = "inactive";
		document.getElementById(lastTab+'1').className = "inactive";
	document.getElementById(lastTab+'3').className = "inactive";
	}
	// Get the element we want to scroll, get the position of the element to scroll to
	
	theScroll = document.getElementById(scrollArea);
	position = findElementPos(document.getElementById(link));

	// Get the position of the offset div -- the div at the far left.
	// This is the amount we compensate for when scrolling
	
	if (offset != "") {
		offsetPos = findElementPos(document.getElementById(offset));
		position[0] = position[0] - offsetPos[0];
	}

	scrollStart(theScroll, theScroll.scrollLeft, position[0], "horiz");
	// return false;
}

function ScrollSection2(link, scrollArea, offset,toolbar)
{

	// Store the last section, and update the current section
document.getElementById(toolbar+"a").value
	if (document.getElementById(toolbar+"a").value == link) {
		return;
	}
	//lastSection = currentSection;
	document.getElementById(toolbar+"a").value = link;
	
	// Change the section highlight.
	// Extract the root section name, and use that to change the background image to 'top', revealing the alt. state

 
	// Get the element we want to scroll, get the position of the element to scroll to
	theScroll = document.getElementById(scrollArea);
	position = findElementPos(document.getElementById(link));
//alert(position);
	// Get the position of the offset div -- the div at the far left.
	// This is the amount we compensate for when scrolling
	
	if (offset != "") {
		offsetPos = findElementPos(document.getElementById(offset));
		position[0] = position[0] - offsetPos[0];
	}

	scrollStart(theScroll, theScroll.scrollLeft, position[0], "horiz");
	// return false;
}



// Scroll the page using the arrows
function reusetab(toolbara,ctab,gmore)
{
	toolbarElema = document.getElementById(toolbara);
	toolbarNamesa = new Array();
    var twidth = 0;
	// Find all the <li> elements in the toolbar, and extract their id's into an array.
    tabstop = "no";
	if (toolbarElema.hasChildNodes())
	{
		var childrena = toolbarElema.childNodes;
		//children = children.childNodes;
		for (var i = 0; i < childrena.length && tabstop != "yes"; i++) 
		{
			if (toolbarElema.childNodes[i].tagName == "LI") {
				
				if((toolbarElema.childNodes[i].id.split("-")[0]+tabTag) == ctab)
				{
					if(gmore == "more")
					{
						twidth  = twidth + 18 + document.getElementById(ctab).offsetWidth;
					}
					 tabstop = "yes";
					 return twidth;
				}
				else
				{
					twidth  = twidth + 18 + document.getElementById(toolbarElema.childNodes[i].id.split("-")[0]+tabTag).offsetWidth;
				}
			}
		}
	}
}

function ScrollArrow(direction, toolbar, scrollArea, offset) {

	toolbarElem = document.getElementById(toolbar);
	toolbarNames = new Array();
    
	// Find all the <li> elements in the toolbar, and extract their id's into an array.
    
	if (toolbarElem.hasChildNodes())
	{
		var children = toolbarElem.childNodes;
		//children = children.childNodes;
		for (var i = 0; i < children.length; i++) 
		{
			if (toolbarElem.childNodes[i].tagName == "LI") {
				
				toolbarNames.push(toolbarElem.childNodes[i].id.split("-")[0]);
			}
		}
	}

	// Now iterate through our array of tab names, find matches, and determine where to go.

	for (var i = 0; i < toolbarNames.length; i++) {
		if (toolbarNames[i] == currentSection.split("-")[0]) {
			if (direction == "left") {
				if (i - 1 < 0) {
					gotoTab = toolbarNames[toolbarNames.length - 1];
				} else {
					gotoTab = toolbarNames[i - 1];
				}
			} else {
				if ((i + 1) > (toolbarNames.length - 1)) {
					gotoTab = toolbarNames[0];
				} else {
					gotoTab = toolbarNames[i + 1];
				}
			}
		}
	}
	
	// Go to the section name!
	
	ScrollSection(gotoTab+paneTag, scrollArea, offset);

}


//bola scroll
function Scrollpage(direction, toolbar,num2, scrollArea, offset) {

	//toolbarElem = document.getElementById(toolbar);
	
	toolbarNames = new Array();
    
	// Find all the <li> elements in the toolbar, and extract their id's into an array.
    
		//var children = toolbarElem.childNodes;
		//children = children.childNodes;
		
		num2 = document.getElementById(toolbar+"b").value;
		//alert(num2);
		//alert(num2);
		for (var i = 0; i < num2; i++) 
		{
			//if (toolbarElem.childNodes[i].tagName == "LI") {
				//alert(toolbar+i);
				toolbarNames.push(toolbar+i);
		
			//}
		}


	// Now iterate through our array of tab names, find matches, and determine where to go.
var olup = toolbar+"a";
	for (var i = 0; i < toolbarNames.length; i++) {
		
		if (toolbarNames[i] == document.getElementById(olup).value) {
		
			
			var togo;
			
			
			
			if (direction == "left") {
				if (i - 1 < 0) {
					gotoTab = toolbarNames[toolbarNames.length - 1];
					togo = toolbarNames.length - 1;
				} else {
					gotoTab = toolbarNames[i - 1];
					togo = i - 1;
				}
			} else {
				if ((i + 1) > (toolbarNames.length - 1)) {
					gotoTab = toolbarNames[0];
					togo = 0;
				} else {
					gotoTab = toolbarNames[i + 1];
					togo = i + 1;
				}
			}
		}
	}
	
	// Go to the section name!
		var curr = togo + 1;
		
	if((curr) >= num2)
			{
				document.getElementById(toolbar+"c2").style.visibility = "hidden"
				//next should not show
			}
			else
			{
				document.getElementById(toolbar+"c2").style.visibility = "visible"
				//next should show
			}
			if((curr) > 1)
			{
				document.getElementById(toolbar+"c").style.visibility = "visible"
				//prev should show
			}
			else
			{
				document.getElementById(toolbar+"c").style.visibility = "hidden"
				//prev should not show
			}
			
	ScrollSection2(gotoTab, scrollArea, offset,toolbar);

}


//
// Animated Scroll Functions
// Scrolls are synchronous -- only one at a time.
//

var scrollanim = {time:0, begin:0, change:0.0, duration:0.0, element:null, timer:null};

function scrollStart(elem, start, end, direction)
{
	//console.log("scrollStart from "+start+" to "+end+" in direction "+direction);

	if (scrollanim.timer != null) {
		clearInterval(scrollanim.timer);
		scrollanim.timer = null;
	}
	scrollanim.time = 0;
	scrollanim.begin = start;
	scrollanim.change = end - start;
	scrollanim.duration =50;
	scrollanim.element = elem;
	
	if (direction == "horiz") {
		scrollanim.timer = setInterval("scrollHorizAnim();", 15);
	}
	else {
		scrollanim.timer = setInterval("scrollVertAnim();", 15);
	}
}

function scrollVertAnim()
{
	if (scrollanim.time > scrollanim.duration) {
		clearInterval(scrollanim.timer);
		scrollanim.timer = null;
	}
	else {
		move = sineInOut(scrollanim.time, scrollanim.begin, scrollanim.change, scrollanim.duration);
		scrollanim.element.scrollTop = move; 
		scrollanim.time++;
	}
}

function scrollHorizAnim()
{
	if (scrollanim.time > scrollanim.duration) {
		clearInterval(scrollanim.timer);
		scrollanim.timer = null;
	}
	else {
		move = sineInOut(scrollanim.time, scrollanim.begin, scrollanim.change, scrollanim.duration);
		scrollanim.element.scrollLeft = move;
		scrollanim.time++;
	}
}

//
// LARGE POPUP: Full-Screen Pop-up Functions
//

function showLargePopup(elem) {

    var popFullscreen = document.getElementById('fullscreen');
    var popLarge = document.getElementById('largepopup');

	// Put the correct content in the pop-up

	//if (navigator.platform.indexOf('Mac') != -1) {
	//	document.getElementById('start-download').className = 'show';
	//	document.getElementById('wrong-os').className = 'hide';
	//} else {
	//	document.getElementById('start-download').className = 'hide';
	//	document.getElementById('wrong-os').className = 'show';
	//}
 
 	document.getElementById('start-download').className = 'show';
	// document.getElementById('wrong-os').className = 'hide';
    
    // Make fullscreen thing really full screen, and show it
    getSize();
    popFullscreen.style.height = myScrollHeight + 'px';
    popFullscreen.style.display = 'block';
	
    // Position pop-up
    popLarge.style.left = ((myWidth - popLarge.offsetWidth) / 2) + 'px';
    popLarge.style.top = (((myHeight - popLarge.offsetHeight) / 2) + myScroll) + 'px';
    popLarge.style.visibility = 'visible';
    
    refreshTimer = setTimeout("setLocation('"+elem.getAttribute("href")+"')", 1500);

}

function setLocation(loc) {
	window.location = loc;
}

function hideLargePopup() {
    var popFullscreen = document.getElementById('fullscreen');
    var popLarge = document.getElementById('largepopup');
    
    popLarge.style.visibility = 'hidden';
    popFullscreen.style.display = 'none';
}

//
// DOWNLOAD SMALL POPUP: Download Hint Pop-up Functions
//
// An advantage of using a timer to do a hide is that we can ignore
// any spurious mouseOut events that have bubbled up, into <td>'s, etc.

var dpopTimer = "";

function showDownloadPopup(e) {
	var popDownload = document.getElementById('dpop');
	var btnDownload = document.getElementById('download');

	if (moveanim.timer != null) {
		clearInterval(moveanim.timer);
		moveanim.timer = null;
	}

	// Determine where we should pop up in relation to the download button

	position = findElementPos(btnDownload);
	popDownload.style.top = (position[1] - (popDownload.offsetHeight - 40)) +"px";
	popDownload.style.left = "5" + "px";

	// If already trigger a rollover, cancel it because we're back in

	if (dpopTimer != "")
	{
		clearTimeout(dpopTimer);
		dpopTimer = "";
	} else {
		setOpacity(0, 'dpop');
		popDownload.style.visibility = 'visible';
		moveStart(popDownload, parseInt(popDownload.style.left), parseInt(popDownload.style.left), parseInt(popDownload.style.top) + 10, parseInt(popDownload.style.top), 15);
		fadeElementSetup('dpop', 0, 100, 13);
	}
}

function hideDownloadPopup() {
	// Start timer to hide the pop-up and the overlay
	dpopTimer = setTimeout("actuallyHide()", 500);
}

function actuallyHide() {
	var popDownload = document.getElementById('dpop');
	if (dpopTimer != "")
	{
		dpopTimer = "";
		moveStart(popDownload, parseInt(popDownload.style.left), parseInt(popDownload.style.left), parseInt(popDownload.style.top), parseInt(popDownload.style.top) - 10, 15);		
		fadeElementSetup('dpop', 100, 0, 13, 1);
	}
}

//
// MOVE: Animate the move of an element.
//
// Move is also synchronous. One at a time, please.
//

var moveanim = {time:0, beginX:0, changeX:0.0, beginY:0, changeY:0, duration:0.0, element:null, timer:null};

function moveStart(elem, startX, endX, startY, endY, duration)
{
	if (moveanim.timer != null) {
		clearInterval(moveanim.timer);
		moveanim.timer = null;
	}
	moveanim.time = 0;
	moveanim.beginX = startX;
	moveanim.changeX = endX - startX;
	moveanim.beginY = startY;
	moveanim.changeY = endY - startY;
	moveanim.duration = duration;
	moveanim.element = elem;

	moveanim.timer = setInterval("moveAnimDo();", 15);
}

function moveAnimDo()
{
	if (moveanim.time > moveanim.duration) {
		clearInterval(moveanim.timer);
		moveanim.timer = null;
	}
	else {
		moveX = cubicOut(moveanim.time, moveanim.beginX, moveanim.changeX, moveanim.duration);
		moveY = cubicOut(moveanim.time, moveanim.beginY, moveanim.changeY, moveanim.duration);
		moveanim.element.style.left = moveX + "px";
		moveanim.element.style.top = moveY + "px";
		moveanim.time++;
	}
}


//console.log("Initialized");