

var INDEX_N = 1 ;

var COUNT_N = 4 ;
var OLD_ID = 1;
var X0 = 0;

Bg1        = new Image();

Bg1.src    = "images/bbg1.jpg";

Bg2        = new Image();

Bg2.src    = "images/bbg2.jpg";



function show_block(ID){

    for(i=1;i<=COUNT_N;i++){

		if(X0!=0 && ID != 0){
			//Effect.Fade(document.getElementById('dimage'+i), { duration: 1.0 });
			//document.getElementById('dimage'+i).style.display = "none";
			
			//Effect.Fade(document.getElementById('dpart'+i), { duration: 1.0 });
			document.getElementById('dpart'+i).style.display = "none";
		}
    }

	if(X0!=0 && ID > 0){
		
		Effect.Fade(document.getElementById('dimage'+(OLD_ID)), { duration: 1.0, from:1, to:0 });
		Effect.Appear(document.getElementById('dimage'+ID), { duration: 1.0 });
		//document.getElementById('dimage'+ID).style.display = "block";
	
		//Effect.Fade(document.getElementById('dpart'+(OLD_ID)), { duration: 1.0, from:1, to:0 });
		//Effect.Appear(document.getElementById('dpart'+ID), { duration: 1.0 });
		document.getElementById('dpart'+ID).style.display = "block";
	}
	X0++;
	
	OLD_ID = ID;
    INDEX_N = ID +1 ;

    if(INDEX_N > COUNT_N) INDEX_N =1 ;

    clearInterval(Timeout);

    Timeout = setTimeout("auto_show(0);",5000)

}



function auto_show(id){

    if(id > 0) INDEX_N = id ;

    init_img();

    imgsrc = "img_"+INDEX_N ;

	href   = "a_"+INDEX_N ;
	
	document.getElementById(imgsrc).style.backgroundImage = "url(images/bbg2.jpg)";
	document.getElementById(imgsrc).style.borderLeft = "1px #91b68d solid";
	document.getElementById(imgsrc).style.borderRight = "1px #91b68d solid";

	document.getElementById(href).className = "style2";

    show_block(INDEX_N);

    

}



function manual_show(id){

    if(id > 0) INDEX_N = id ;

    init_img();

    imgsrc = "img_"+INDEX_N ;

	href   = "a_"+INDEX_N ;

    document.getElementById(imgsrc).style.backgroundImage = "url(images/bbg2.jpg)";
	document.getElementById(imgsrc).style.borderLeft = "1px #91b68d solid";
	document.getElementById(imgsrc).style.borderRight = "1px #91b68d solid";

	document.getElementById(href).className = "style2";

    show_block(INDEX_N);

    clearInterval(Timeout);

}



function init_img(){

    for(i=1;i<=COUNT_N;i++){

        imgsrc = "img_"+i ;

		href   = "a_"+i ;

        document.getElementById(imgsrc).style.backgroundImage = "url(images/bbg1.jpg)";
		document.getElementById(imgsrc).style.borderLeft = "1px #ced3bc solid";
		document.getElementById(imgsrc).style.borderRight = "1px #ced3bc solid";

		document.getElementById(href).className = "style1";

    }

}



Timeout = setTimeout("auto_show(0);",5000)
