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');

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

}

function rightBanner() {
    clearTimeout(timeBanner);
    changeImageBanner();
}

function banner() {
    //alert("banner");
    timeBanner = setTimeout("changeImageBanner();", 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() {
    
    spic1 = $('bannerP1').getStyle('display');
    spic2 = $('bannerP2').getStyle('display');
    spic3 = $('bannerP3').getStyle('display');

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

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

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


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

    $('bannerP3').hide();
    $('banner3').setStyle({
            opacity:'0.5'
    });

    $('bannerP'+ id).appear();
    $('banner'+ id).setStyle({
            opacity:'1'
    });
        
}//end function