var num = 1;
var all = 5;
var img_act = 'img1';
var img_hid = 'img2';

function change_pic(dir){

if(typeof(num)!= '') num = parseInt(num);

$('button_l').onclick="";
$('button_r').onclick="";

Effect.Fade('main_welcome_right',{duration:0.2});
Effect.Fade('main_welcome_left',{duration:0.2});



if(dir == "r"){

if(num < all) num = num+1;
else num = 1;


$(img_hid).innerHTML="<img src='image/welcome/pic"+num+".jpg' width='500px'>";
$(img_hid).style.left = 500+"px";
Element.show(img_hid);

new Effect.MoveBy( img_act,0,-500,{duration:0.5} );
new Effect.MoveBy( img_hid,0,-500,{duration:0.5} );



}

if(dir == "l"){

if(num <= 1) num = all;
else num = num - 1;

$(img_hid).innerHTML="<img src='image/welcome/pic"+num+".jpg' width='500px'>";
$(img_hid).style.left = -500+"px";
Element.show(img_hid);

new Effect.MoveBy( img_act,0,500,{duration:0.5} );
new Effect.MoveBy( img_hid,0,500,{duration:0.5} );

}

new Effect.Fade('main_welcome_text_in',{duration:0.2});
t = window.setTimeout("change_pic1('"+dir+"')",500);

}



function change_pic1(dir){

var help = img_act;
img_act  = img_hid;
img_hid  = help;

$(img_hid).innerHTML="";

$('button_l').onclick = function(){change_pic('l')};
$('button_r').onclick = function(){change_pic('r')};

//buttons
Effect.Appear('main_welcome_right',{duration:0.2});
Effect.Appear('main_welcome_left',{duration:0.2});

//Text
var fact = null;
if(num == 1) fact = decodeURI(document.welcome.w_fact1.value);
else if(num == 2) fact = decodeURI(document.welcome.w_fact2.value);
else if(num == 3) fact = decodeURI(document.welcome.w_fact3.value);
else if(num == 4) fact = decodeURI(document.welcome.w_fact4.value);
else if(num == 5) fact = decodeURI(document.welcome.w_fact5.value);

$('main_welcome_text_in').innerHTML = "<b>"+fact+"</b>";
new Effect.Appear('main_welcome_text_in',{duration:0.2});

//Slide
for(i=1;i<=all;i++){
if(i == num) $('slide_img'+num).className = "slide_img_sel1";
else $('slide_img'+i).className = "slide_img_unsel1";
}
window.clearTimeout(t);
}





function alter_img(pic){

if(pic != num){
    
    $(img_hid).innerHTML="<img src='image/welcome/pic"+pic+".jpg' width='500px'>";
    $(img_hid).style.left = 0+"px";
    
    Effect.Fade('main_welcome_right',{duration:0.3});
    Effect.Fade('main_welcome_left',{duration:0.3});
    
    
    new Effect.Appear(img_hid,{duration:1.9});
    new Effect.Fade(img_act,{duration:1.9});   
    
    
    //Text
    new Effect.Fade('main_welcome_text_in',{duration:1.4});
    
    //Slide
    for(i=1;i<=all;i++){
    if(i == pic) $('slide_img'+pic).className = "slide_img_sel1";
    else $('slide_img'+i).className = "slide_img_unsel1";
    $('slide_img'+i).onclick = "";
    }
    
    
    a = window.setTimeout("alter_img1('"+pic+"')",2000);
}
}

function alter_img1(pic){

var help = img_act;
img_act  = img_hid;
img_hid  = help;
num = pic;
$(img_hid).innerHTML="";

//buttons
Effect.Appear('main_welcome_right',{duration:0.3});
Effect.Appear('main_welcome_left',{duration:0.3});

//Slide

    
     
     $('slide_img1').onclick = function(){alter_img('1')};
     $('slide_img2').onclick = function(){alter_img('2')};
     $('slide_img3').onclick = function(){alter_img('3')};
     $('slide_img4').onclick = function(){alter_img('4')};
     $('slide_img5').onclick = function(){alter_img('5')};
    

//Text
if(num == 1) fact = document.welcome.w_fact1.value;
if(num == 2) fact = document.welcome.w_fact2.value;
if(num == 3) fact = document.welcome.w_fact3.value;
if(num == 4) fact = document.welcome.w_fact4.value;
if(num == 5) fact = document.welcome.w_fact5.value;

$('main_welcome_text_in').innerHTML ="<b>"+decodeURI(fact)+"</b>";
new Effect.Appear('main_welcome_text_in',{duration:0.1});



window.clearTimeout(a);
}

function register(){
window.location = "http://www.woodbc.com/index_neu.php?goto=register";
}