var timeBanner = 0;
var dispElem = new Array();

function leftBanner() {
        //alert('left');
        clearTimeout(timeBanner);
        spic1 = $('bannerP1').getStyle('display');
        spic2 = $('bannerP2').getStyle('display');
        spic3 = $('bannerP3').getStyle('display');
        //spic4 = $('bannerP4').getStyle('display');

        if(spic1 == 'block')
            k = 1;
        if(spic2 == 'block')
            k = 2;
        if(spic3 == 'block')
            k = 3;
        /*    
        if(spic4 == 'block')
            k = 4;    
        */
        
        if(k <= 1)
            k = 3;
	else
          --k;        
        changeImageBanner(k);
        

}

function rightBanner() {
    clearTimeout(timeBanner);
    
        spic1 = $('bannerP1').getStyle('display');
        spic2 = $('bannerP2').getStyle('display');
        spic3 = $('bannerP3').getStyle('display');
        //spic4 = $('bannerP4').getStyle('display');

        if(spic1 == 'block')
            k = 1;
        if(spic2 == 'block')
            k = 2;
        if(spic3 == 'block')
            k = 3;
        /*    
        if(spic4 == 'block')
            k = 4;    
        */
        
        if(k >= 3)
            k = 1;
        else
            ++k;    
	        
        changeImageBanner(k);
    //changeImageBanner(0);
}

function banner() {
    //alert("banner");
    timeBanner = setTimeout("changeImageBanner(0);", 7000); 
/*     
    Event.observe('pleft', 'click', function(event) {
        //alert('left');
        clearTimeout(timeBanner);
        spic1 = $('bannerP1').getStyle('display');
        spic2 = $('bannerP2').getStyle('display');
        spic3 = $('bannerP3').getStyle('display');

        if(spic1 == 'block')
            k = 1;
        if(spic2 == 'block')
            k = 2;
        if(spic3 == 'block')
            k = 3;
        
        if(k <= 1)
            k = 3;
	else
          --k;        
        changeBanner(k);
	
//    changeImageBanner();
   });

    Event.observe('pright', 'click', function(event) {
        //alert('right');
        spic1 = $('bannerP1').getStyle('display');
        spic2 = $('bannerP2').getStyle('display');
        spic3 = $('bannerP3').getStyle('display');
	
        if(spic1 == 'block')
            k = 1;
        if(spic2 == 'block')
            k = 2;
        if(spic3 == 'block')
            k = 3;
        
        //alert('before k= '+ spic1 + ' '+ spic2 +' '+ spic3);     
        
        ++k;
	if(k == 4) 
            k = 1;    
                         
        //alert(k);
        clearTimeout(timeBanner);
//	changeBanner(k); 

        changeImageBanner();
   });
*/
    
    
}

function changeImageBanner(id) {
    
    var spic1 = $('bannerP1').getStyle('display');
    var spic2 = $('bannerP2').getStyle('display');
    var spic3 = $('bannerP3').getStyle('display');
    //var spic4 = $('bannerP4').getStyle('display');
    if(id > 0) {
        clearTimeout(timeBanner);
                
        $('bannerP1').hide();
        $('banner1').setStyle({
                opacity:'0.5'
        });
      

        $('bannerP2').hide();
        $('banner2').setStyle({
                opacity:'0.5'
        });
        $('bannerP3').hide();
        $('banner3').setStyle({
                opacity:'0.5'
        });
        /*
        $('bannerP4').hide();
        $('banner4').setStyle({
                opacity:'0.5'
        });
        */    
        
        $('bannerP'+ id).appear();
        $('banner'+ id).setStyle({
                opacity:'1'
        });
    
    } else {     

        $('bannerP1').hide();
        $('banner1').setStyle({
                opacity:'0.5'
        });
        
        $('bannerP2').hide();
        $('banner2').setStyle({
                opacity:'0.5'
        });

        $('bannerP3').hide();
        $('banner3').setStyle({
                opacity:'0.5'
        });
        /*
        $('bannerP4').hide();
        $('banner4').setStyle({
                opacity:'0.5'
        });
        */
                   
        if(spic1 == 'block') {
            $('bannerP1').hide();
            $('banner1').setStyle({
                    opacity:'0.3'
            });
            
            $('bannerP3').hide();
            $('banner3').setStyle({
                    opacity:'0.5'
            });
            /*
            $('bannerP4').hide();
            $('banner4').setStyle({
                    opacity:'0.5'
            });
            */
            
            $('bannerP2').appear();
            $('banner2').setStyle({
                    opacity:'1'
            });
            
           
        }

        if(spic2 == 'block') {
            $('bannerP2').hide();
            $('banner2').setStyle({
                    opacity:'0.5'
            });
 
            $('bannerP1').hide();
            $('banner1').setStyle({
                    opacity:'0.5'
            });
            
            /*            
            $('bannerP4').hide();
            $('banner4').setStyle({
                    opacity:'0.5'
            });
            */
            $('bannerP3').appear();
            $('banner3').setStyle({
                    opacity:'1'
            });
            
        }
        
        if(spic3 == 'block') {
            
            $('bannerP1').appear();
            $('banner1').setStyle({
                    opacity:'1'
            });
            
            $('bannerP2').hide();
            $('banner2').setStyle({
                    opacity:'0.5'
            });
            
            $('bannerP3').hide();
            $('banner3').setStyle({
                    opacity:'0.5'
            });
            /*
            $('bannerP4').appear();
            $('banner4').setStyle({
                    opacity:'1'
            });
            */
        }
        /*
         if(spic4 == 'block') {
            
            $('bannerP2').hide();
            $('banner2').setStyle({
                    opacity:'0.5'
            });
            $('bannerP3').hide();
            $('banner3').setStyle({
                    opacity:'0.5'
            });
            $('bannerP4').hide();
            $('banner4').setStyle({
                    opacity:'0.5'
            });
            $('bannerP1').appear();
            $('banner1').setStyle({
                    opacity:'1'
            });
        }
        */
    } //end if
    banner(); 
} //end function


function changeBanner(id) {
    clearTimeout(timeBanner);
    
    $('bannerP1').hide();
    $('banner1').setStyle({
            opacity:'0.5'
    });
    
    
    $('bannerP2').hide();
    $('banner2').setStyle({
            opacity:'0.5'
    });

    $('bannerP3').hide();
    $('banner3').setStyle({
            opacity:'0.5'
    });
    /*
    $('bannerP4').hide();
    $('banner4').setStyle({
            opacity:'0.5'
    });
    */
    $('bannerP'+ id).show();
    $('banner'+ id).setStyle({
            opacity:'1'
    });
        
}//end function


function changeBannerOut(id) {
    banner();
}