// JavaScript Document

/* Slider */
var slider = null;
var sliderTimer = null;
var panelAnimationTimer = null;
var currentPanel = 1;
var sliderSize = 943;
var sliderAnimating = "none";

function openSlider(){
	if (sliderAnimating != "opening"){
		clearInterval (sliderTimer);
		sliderAnimating = "opening";
		sliderTimer = setInterval("doOpenSlider()",10);
	}
}
function doOpenSlider (){
	sliderSize = sliderSize - 10
	if(sliderSize < 674){
		sliderSize = 673;
		clearInterval (sliderTimer);
		sliderAnimating = "none";
	}
	slider.style.marginLeft = sliderSize;
}
function closeSlider(){
	if (sliderAnimating != "closing"){
		clearInterval (sliderTimer);
		sliderAnimating = "closing";
		sliderTimer = setInterval("doCloseSlider()",10);
	}
}
function doCloseSlider (){
	sliderSize = sliderSize + 10
	if(sliderSize > 942){
		sliderSize = 943;
		clearInterval (sliderTimer);
		sliderAnimating = "none";
	}
	slider.style.marginLeft = sliderSize;
}
function sliderButtonOver(index){
	if (currentPanel != index){
		document.getElementById("sliderButton" + index).style.backgroundImage = "url('images/slider_button_over" + index + ".jpg')";
	}
}
function sliderButtonOut(index){
	if (currentPanel != index){
		document.getElementById("sliderButton" + index).style.backgroundImage = "url('images/slider_button" + index + ".jpg')";
	}
}
function showPanel(index){
	clearInterval (panelAnimationTimer);
	doShowPanel(index);
}
function doShowPanel(index){
	if (currentPanel != index){
		document.getElementById("mPButton" + currentPanel).setAttribute("class", "mPButton");
		document.getElementById("mPButton" + currentPanel).setAttribute("className", "mPButton");
		document.getElementById("mPButton" + index).setAttribute("class", "mPButton mPButtonSelected");
		document.getElementById("mPButton" + index).setAttribute("className", "mPButton mPButtonSelected");
		fadeOut = document.getElementById("mP" + currentPanel).style;
//		document.getElementById("sliderButton" + currentPanel).style.backgroundImage = "url('images/slider_button" + currentPanel + ".jpg')";
		currentPanel = index;
		fadeIn = document.getElementById("mP" + currentPanel).style;
//		document.getElementById("sliderButton" + currentPanel).style.backgroundImage = "url('images/slider_button_active" + currentPanel + ".jpg')";
		fade = 0;
		fadeIn.left = 0;
		fadeTimer = setInterval("doCrossFade()",10);
	}
}
var fadeTimer = null;
var fadeOut = null;
var fadeIn = null;
var fade = 0;
function doCrossFade(){
	fade = fade + 20;
	//FireFox
	fadeOut.opacity = ((100 - fade)/ 100);
	fadeIn.opacity = (fade / 100);
	//IE
	fadeOut.filter  = "alpha(opacity=" + (100 - fade) + ")";
	fadeIn.filter  = "alpha(opacity=" + fade + ")";
	if (fade == 100){
		fadeOut.left = 1000;
		clearInterval (fadeTimer);
	}
}
function panelSequenceAnimation(){
	var index = currentPanel + 1;
	if(index > 4){
		index = 1;
	}
	doShowPanel(index);
}
function forcePanelAnimation(index){
	clearInterval (panelAnimationTimer);
	clearInterval (fadeTimer);
	doShowPanel(index);
}

var pic=[];
var picOver=[];
var picActive=[];
function pageInit(){
	for(i=1; i<4; i++){
		pic[i]= new Image(290,62); 
		pic[i].src="images/slider_button"+i+".jpg"; 
		picOver[i]= new Image(290,62); 
		picOver[i].src="images/slider_button_over"+i+".jpg"; 
		picActive[i]= new Image(290,62); 
		picActive[i].src="images/slider_button_active"+i+".jpg"; 
	}
	slider = document.getElementById("slider");
	panelAnimationTimer = setInterval("panelSequenceAnimation()",10000);
}