var banner2_show = 0;

var e0, e1, e2, e3, e4, e5, e6, e7, e8, e9, e10, e11, e12, e13, e14, e15;

function InitVars () {
	e0 = document.getElementById ( 'shadow-pic' );
	e15 = document.getElementById ( 'ban_img2' );
	e1 = document.getElementById ( 'top-line1' );
	e2 = document.getElementById ( 'top-line2' );
	e3 = document.getElementById ( 'cr1' );
	e4 = document.getElementById ( 'cr2' );
	e5 = document.getElementById ( 'cr3' );
	e6 = document.getElementById ( 'cr4' );
	e7 = document.getElementById ( 'ln1' );
	e8 = document.getElementById ( 'ln2' );
	e9 = document.getElementById ( 'ln3' );
	e10 = document.getElementById ( 'ln4' );
	e11 = document.getElementById ( 'but1' );
	e12 = document.getElementById ( 'but2' );
	e13 = document.getElementById ( 'but3' );
	e14 = document.getElementById ( 'but4' );	
}

function FadeOut ( elem, id_img, level, st, width, height ) {
	var level_val = level * 100;	
	//elem.style.opacity = (level - 0.05);	
	//elem.style.filter = 'alpha(opacity='+ level_val + ')';
	e0.style.opacity = (level - 0.05);
	e0.style.filter = 'alpha(opacity='+ level_val + ')';
	e1.style.opacity = (level - 0.05);
	e1.style.filter = 'alpha(opacity='+ level_val + ')';
	e2.style.opacity = (level - 0.05);
	e2.style.filter = 'alpha(opacity='+ level_val + ')';
	e3.style.opacity = (level - 0.05);
	e3.style.filter = 'alpha(opacity='+ level_val + ')';
	e4.style.opacity = (level - 0.05);
	e4.style.filter = 'alpha(opacity='+ level_val + ')';
	e5.style.opacity = (level - 0.05);
	e5.style.filter = 'alpha(opacity='+ level_val + ')';
	e6.style.opacity = (level - 0.05);
	e6.style.filter = 'alpha(opacity='+ level_val + ')';
	e7.style.opacity = (level - 0.05);
	e7.style.filter = 'alpha(opacity='+ level_val + ')';
	e8.style.opacity = (level - 0.05);
	e8.style.filter = 'alpha(opacity='+ level_val + ')';
	e9.style.opacity = (level - 0.05);
	e9.style.filter = 'alpha(opacity='+ level_val + ')';
	e10.style.opacity = (level - 0.05);
	e10.style.filter = 'alpha(opacity='+ level_val + ')';
	e11.style.opacity = (level - 0.05);
	e11.style.filter = 'alpha(opacity='+ level_val + ')';
	e12.style.opacity = (level - 0.05);
	e12.style.filter = 'alpha(opacity='+ level_val + ')';
	e13.style.opacity = (level - 0.05);
	e13.style.filter = 'alpha(opacity='+ level_val + ')';
	e14.style.opacity = (level - 0.05);
	e14.style.filter = 'alpha(opacity='+ level_val + ')';
	e15.style.opacity = (level - 0.05);
	e15.style.filter = 'alpha(opacity='+ level_val + ')';
	if ( level > 0.05 )
		setTimeout ( function() { FadeOut ( elem, id_img, level - 0.05, st, width, height ) }, 50 );
	else if ( level == 0.05 )
		setTimeout ( function() { FadeOut ( elem, id_img, level - 0.05, st, width, height ) }, 1000 );
	else 
		ChangeElem ( elem, id_img, st, width, height );
}
function FadeIn ( elem, id_img, level ) {
	var level_val = level * 100;
	//elem.style.opacity = (level + 0.05);	
	//elem.style.filter = 'alpha(opacity='+ level_val + ')';
	e0.style.opacity = (level + 0.05);
	e0.style.filter = 'alpha(opacity='+ level_val + ')';
	e1.style.opacity = (level + 0.05);
	e1.style.filter = 'alpha(opacity='+ level_val + ')';
	e2.style.opacity = (level + 0.05);
	e2.style.filter = 'alpha(opacity='+ level_val + ')';
	e3.style.opacity = (level + 0.05);
	e3.style.filter = 'alpha(opacity='+ level_val + ')';
	e4.style.opacity = (level + 0.05);
	e4.style.filter = 'alpha(opacity='+ level_val + ')';
	e5.style.opacity = (level + 0.05);
	e5.style.filter = 'alpha(opacity='+ level_val + ')';
	e6.style.opacity = (level + 0.05);
	e6.style.filter = 'alpha(opacity='+ level_val + ')';
	e7.style.opacity = (level + 0.05);
	e7.style.filter = 'alpha(opacity='+ level_val + ')';
	e8.style.opacity = (level + 0.05);
	e8.style.filter = 'alpha(opacity='+ level_val + ')';
	e9.style.opacity = (level + 0.05);
	e9.style.filter = 'alpha(opacity='+ level_val + ')';
	e10.style.opacity = (level + 0.05);
	e10.style.filter = 'alpha(opacity='+ level_val + ')';
	e11.style.opacity = (level + 0.05);
	e11.style.filter = 'alpha(opacity='+ level_val + ')';
	e12.style.opacity = (level + 0.05);
	e12.style.filter = 'alpha(opacity='+ level_val + ')';
	e13.style.opacity = (level + 0.05);
	e13.style.filter = 'alpha(opacity='+ level_val + ')';
	e14.style.opacity = (level + 0.05);
	e14.style.filter = 'alpha(opacity='+ level_val + ')';
	e15.style.opacity = (level + 0.05);
	e15.style.filter = 'alpha(opacity='+ level_val + ')';
	if ( level <= 0.95 )
		setTimeout ( function() { FadeIn ( elem, id_img, level + 0.05 ) }, 100 );
}
function ChangeElem ( elem, id_img, st, width, height ) {
	document.getElementById( id_img ).src = st;
	elem.style.width = width + 'px';
	elem.style.height = height + 'px';
	var vis_ht = document.documentElement.clientHeight;
	var margin = (vis_ht - height) / 2 + 'px';
	var line1 = document.getElementById ( 'top-line1' );
	var line2 = document.getElementById ( 'top-line2' );
	line1.style.height = margin;
	line2.style.height = margin;
	line1.style.marginTop = "-" + margin;
	line2.style.marginTop = "-" + margin;
	elem.style.top = margin;	
	FadeIn ( elem, id_img, 0 );
}
function ChangeBanner2 ( index, count ) {
	InitVars ();
	if ( count <= 0 ) return;		
	var banner_div = document.getElementById ( 'banner2' );
	if ( !banner_div ) return;

	banner2_show++;
	if ( index >= count ) index = 0;
	else if ( index < 0 ) index = 0;
	var image = banners2[index][0];
	var width = banners2[index][2];
	var height = banners2[index][3];
	var st;
	st = banners2[index][0];
	if ( banner2_show > 1 ) {
		FadeOut ( banner_div, 'ban_img2', 1, st, width, height );
		//document.getElementById( 'ban_img2' ).src = st;
	}
	else {
		document.getElementById( 'ban_img2' ).src = st;
		banner_div.style.width = width + 'px';
		var vis_ht = document.documentElement.clientHeight;
		var margin = (vis_ht - height) / 2 + 'px';		
		var line1 = document.getElementById ( 'top-line1' );
		var line2 = document.getElementById ( 'top-line2' );
		line1.style.height = margin;
		line2.style.height = margin;
		line1.style.marginTop = "-" + margin;
		line2.style.marginTop = "-" + margin;
		banner_div.style.top = margin;	
	}
	//FadeIn ( document.getElementById ( 'banner1' ), 0 );
	
	if ( count > 1 )
		setTimeout ( function() { ChangeBanner2 ( index+1, count ) }, banners2[index][1]*1000 );
}