// JavaScript Document

var clickNum = 0;
var textArray = new Array();
textArray[0] = 'test1';
textArray[1] = 'test2';
textArray[2] = 'test3';
textArray[3] = 'test4';

function pageArticles(num){
	var swapThis = document.getElementById("news_ticker_content");
	if (num == 0){
		  clickNum--;
	  if (clickNum==-1) { clickNum=textArray.length-1; }
			swapThis.innerHTML=textArray[clickNum];
		} else {
			clickNum++;
			if (clickNum==textArray.length) { clickNum=0; }
		  swapThis.innerHTML=textArray[clickNum]; }
}


function addLoadEvent(func){
	var oldonload = window.onload;

	if (typeof window.onload != 'function'){
		window.onload = func;
		} else{
			window.onload = function(){
				oldonload();
				func();
				}
			}
	}


	
function crossfade() {
	
	new Effect.Parallel([
		new Effect.Fade('homePicture1', { sync: true }),
		new Effect.Appear('homePicture2', { sync: true })	
	], {
		delay: 4.0,
		duration: 3.0,
		queue: 'end'
	});
	
	new Effect.Parallel([
		new Effect.Fade('homePicture2', { sync: true }),
		new Effect.Appear('homePicture3', { sync: true })	
	], {
		delay: 4.0,
		duration: 3.0,
		queue: 'end'
	});
	
	new Effect.Parallel([
		new Effect.Fade('homePicture3', { sync: true }),
		new Effect.Appear('homePicture4', { sync: true })	
	], {
		delay: 4.0,
		duration: 3.0,
		queue: 'end'
	});		
	
	new Effect.Parallel([
		new Effect.Fade('homePicture4', { sync: true }),
		new Effect.Appear('homePicture5', { sync: true })	
	], {
		delay: 4.0,
		duration: 3.0,
		queue: 'end'
	});	
	
	new Effect.Parallel([
		new Effect.Fade('homePicture5', { sync: true }),
		new Effect.Appear('homePicture1', { sync: true })	
	], {
		delay: 4.0,
		duration: 3.0,
		queue: 'end'
	});	
}

function HomePanelToggle(el) {
	var panelLinks = el.parentNode.parentNode.getElementsByTagName('a');
	for (i=0; i<panelLinks.length; i++) {
		if (panelLinks[i].className.substr(panelLinks[i].className.length-7, panelLinks[i].className.length) == "current") {
			panelLinks[i].className = panelLinks[i].className.substr(0, panelLinks[i].className.length-8)
		}
	}
	
	$('silicones_content').style.display = "none";
	$('sealants_content').style.display = "none";
	$('quartz_content').style.display = "none";
	$('ceramics_content').style.display = "none";
	
	
	switch (el.className) {
		case "silicones":
			el.className = "silicones_current";
			$('silicones_content').style.display = "block";
			
			break;		
		case "sealants":
			el.className = "sealants_current";
			$('sealants_content').style.display = "block";
			break;			
		case "quartz":
			el.className = "quartz_current";
			$('quartz_content').style.display = "block";
			break;	
		case "ceramics":
			el.className = "ceramics_current";
			$('ceramics_content').style.display = "block";
			break;	
	}
	
	AdjustHomePage();
}	

/*
function AdjustHomePage() {
	$('content').style.height = 396 + $('homeContent').scrollHeight + "px";
	$('homeBackgrounds').style.height = $('content').style.height;	
} */

function currentElement(element, parentElement) {
	element = $(element);
	parentElement = $(parentElement);
	
	var selected = parentElement.getElementsByClassName('current');
	if (selected) {
		for (var x=0; x<selected.length; x++) {
			selected[x].removeClassName('current');
		}
	}
	
	if (selected[0] != element) {
		element.addClassName('current');
	}

	return true;
}

function currentSection(element, parentElement) {
	element = $(element);
	parentElement = $(parentElement);	
	
	var links = parentElement.getElementsByTagName('a');
	for (i=0; i<links.length; i++) {
		if (links[i].className.substring(links[i].className.length-3, links[i].className.length) == "_on") {
			links[i].className = links[i].className.substring(0, links[i].className.length-3);	
		}
		
		if (element.className == links[i].className) {
			element.className = element.className + "_on";
		}
	}
}

function PanelToggle(el) {
	var element = $(el);
	switch (element.className) {
		case "panel_close":
			element.className = "panel_open";
			break;
		
		case "panel_close top":
			element.className = "panel_open top";
			break;
		
		case "panel_open":
			element.className = "panel_close";
			break;
		
		case "panel_open top":
			element.className = "panel_close top";
			break;
		
		default:
			break;
	}
}
