// JavaScript Document

/* - ----------------- ALL THE CODE IN THIS DOCUMENT IS FOR SHOWING/HIDING LAYERS USING TIMED FADES ---------------- - */
var fadeElementCount =0;
var fadeElementVisibilityTimeoutId = null;

var fadeElementTimeoutID_1 = null;
var fadeElementTimeoutID_2 = null;
var fadeElementTimeoutID_3 = null;
var fadeElementTimeoutID_4 = null;
var fadeElementTimeoutID_5 = null;
var fadeElementTimeoutID_6 = null;
var fadeElementTimeoutID_7 = null;
var fadeElementTimeoutID_8 = null;
var fadeElementTimeoutID_9 = null;

var fadeElementOpacityLevel = 0;

function setElementAlpha(element, fadeElementCount) {
	fadeElementOpacityLevel = fadeElementCount;
	if(document.all){
		element.style.filter = "alpha(opacity=" + ( 100 * fadeElementCount ) + ")";
	}else if(document.getElementById){
    	element.style.opacity = fadeElementCount;
	}
}

function doMyFade(itemname, fadeaction, alpha) {
	var element = document.getElementById(itemname);
	var maxAlpha = alpha/100;
	if (fadeaction == 'in') {
		element.style.visibility = "visible";
		setElementAlpha(element, .01);	
		fadeElementTimeoutID_1 = setTimeout(function() { setElementAlpha(element, (maxAlpha/9)); }, 40 );
		fadeElementTimeoutID_2 = setTimeout(function() { setElementAlpha(element, (maxAlpha/8)); }, 80 );
		fadeElementTimeoutID_3 = setTimeout(function() { setElementAlpha(element, (maxAlpha/7)); }, 120 );
		fadeElementTimeoutID_4 = setTimeout(function() { setElementAlpha(element, (maxAlpha/6)); }, 160 );
		fadeElementTimeoutID_5 = setTimeout(function() { setElementAlpha(element, (maxAlpha/5)); }, 200 );
		fadeElementTimeoutID_6 = setTimeout(function() { setElementAlpha(element, (maxAlpha/4)); }, 240 );
		fadeElementTimeoutID_7 = setTimeout(function() { setElementAlpha(element, (maxAlpha/3)); }, 280 );
		fadeElementTimeoutID_8 = setTimeout(function() { setElementAlpha(element, (maxAlpha/2)); }, 320 );
		fadeElementTimeoutID_9 = setTimeout(function() { setElementAlpha(element, maxAlpha); }, 360 );
	} else if (fadeaction == 'out') {
		fadeElementTimeoutID_9 = setTimeout(function() { setElementAlpha(element, maxAlpha); }, 40 );
		fadeElementTimeoutID_8 = setTimeout(function() { setElementAlpha(element, (maxAlpha/1.1)); }, 80 );
		fadeElementTimeoutID_7 = setTimeout(function() { setElementAlpha(element, (maxAlpha/1.3)); }, 120 );
		fadeElementTimeoutID_6 = setTimeout(function() { setElementAlpha(element, (maxAlpha/1.6)); }, 160 );
		fadeElementTimeoutID_5 = setTimeout(function() { setElementAlpha(element, (maxAlpha/2)); }, 200 );
		fadeElementTimeoutID_4 = setTimeout(function() { setElementAlpha(element, (maxAlpha/4)); }, 240 );
		fadeElementTimeoutID_3 = setTimeout(function() { setElementAlpha(element, (maxAlpha/6)); }, 280 );
		fadeElementTimeoutID_2 = setTimeout(function() { setElementAlpha(element, (maxAlpha/8)); }, 320 );
		fadeElementTimeoutID_1 = setTimeout(function() { setElementAlpha(element, (maxAlpha/9)); }, 360 );
		setTimeout(function() { document.getElementById(itemname).style.visibility 	= "hidden"; }, 380);
	}
}

function fadeIn() {
	var pm  = document.getElementById('pagemask');
	var pc  = document.getElementById('prodcontainer');
	doMyFade('pagemask', 'in', 40);
	doMyFade('prodcontainer', 'in', 100);
}
function fadeOut(){
	var pm  = document.getElementById('pagemask');
	var pc  = document.getElementById('prodcontainer');
	doMyFade('pagemask', 'out', 40);
	doMyFade('prodcontainer', 'out', 100);
}













/*

// stole some code from ITM

var ABMnewCount_itm 				= 0;

var ABMvisibilityTimeoutId_itm 		= null;

var ABMopacityTimeoutId1_itm 		= null;
var ABMopacityTimeoutId2_itm 		= null;
var ABMopacityTimeoutId3_itm 		= null;
var ABMopacityTimeoutId4_itm 		= null;
var ABMopacityTimeoutId5_itm 		= null;
var ABMopacityTimeoutId6_itm 		= null;
var ABMopacityTimeoutId7_itm 		= null;
var ABMopacityTimeoutId8_itm 		= null;
var ABMopacityTimeoutId9_itm 		= null;

var ABMnewOpacityLevel_itm 		= 0;

function ABMsetOpacity_itm(element2, ABMnewCount_itm)
{
	ABMnewOpacityLevel_itm = ABMnewCount_itm;

	if(document.all){
		element2.style.filter = "alpha(opacity=" + ( 100 * ABMnewCount_itm ) + ")";
		
			
	}else if(document.getElementById){
    	element2.style.opacity = ABMnewCount_itm;
	}
}

// 2007.02.20 KJD: Fade in
function DoFade( fadeaction, itemname )
{
	var element2 = document.getElementById( itemname );

	
	if( fadeaction == 'in' )
	{
		ABMsetOpacity_itm(element2, .01);
		
		ABMopacityTimeoutId1_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .15); }, 10	);
		ABMopacityTimeoutId3_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .35); }, 50	);
		ABMopacityTimeoutId4_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .45); }, 75	);
		ABMopacityTimeoutId5_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .55); }, 100	);
		ABMopacityTimeoutId6_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .65); }, 125	);
		ABMopacityTimeoutId7_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .75); }, 150	);
		ABMopacityTimeoutId9_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .99); }, 200	);
	}
	if( fadeaction == 'infast' )
	{
		ABMsetOpacity_itm(element2, .01);
		
		ABMopacityTimeoutId1_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .15); }, 10);
		ABMopacityTimeoutId3_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .35); }, 25);
		ABMopacityTimeoutId5_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .55); }, 50);
		ABMopacityTimeoutId7_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .75); }, 75);
		ABMopacityTimeoutId9_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .99); }, 100);
	}
	else if( fadeaction == 'out' )
	{
		ABMopacityTimeoutId9_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .99); }, 10	);
		ABMopacityTimeoutId7_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .75); }, 50	);
		ABMopacityTimeoutId6_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .65); }, 75	);
		ABMopacityTimeoutId5_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .55); }, 100	);
		ABMopacityTimeoutId4_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .45); }, 125	);
		ABMopacityTimeoutId3_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .35); }, 150	);
		ABMopacityTimeoutId2_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .25); }, 175	);
		ABMopacityTimeoutId1_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .05); }, 225	);
	}
	else if( fadeaction == 'outfast' )
	{
		ABMopacityTimeoutId9_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .99); }, 10);
		ABMopacityTimeoutId7_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .75); }, 25);
		ABMopacityTimeoutId5_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .55); }, 50);
		ABMopacityTimeoutId3_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .35); }, 75);
		ABMopacityTimeoutId1_itm = setTimeout(function() { ABMsetOpacity_itm(element2, .01); }, 100);
	}	
}
*/