var pics = new Array();
var content;

pics[0]  = 'img/layout/navi1_hover.gif';
pics[1]  = 'img/layout/navi2_hover.gif';
pics[2]  = 'img/icons/head1_hover.gif';
pics[3]  = 'img/icons/head2_hover.gif';
pics[4]  = 'img/icons/head3_hover.gif';

function init() {
    preload();

    //get all work entries
    work = document.getElementById('box_work').getElementsByTagName('img');
    for (i = 0; i < work.length; i++) {
        setNormalOpacity(work[i].id);
    }

    //get all partner entries
    partner = document.getElementById('box_partner').getElementsByTagName('img');
    for (i = 0; i < partner.length; i++) {
        setNormalOpacity(partner[i].id);
    }

    if (about == 1) {
        content = document.getElementById('rcontent').innerHTML;
    } else {
        content = document.getElementById('subcontent').innerHTML;
    }
}

function preload() {
    for (i = 0; i < pics.length; i++) {
        var pic = new Image();
        pic.src = pics[i];
    }
}

function setNormalOpacity(id) {
    if (id.id) {
        new Effect.Opacity(id.id, {duration:0.0, to:0.5});
    } else {
        if (document.getElementById(id) != null) {
            new Effect.Opacity(id, {duration:0.0, to:0.5});
        }
    }
}

function setHoverOpacity(obj) {
    new Effect.Opacity(obj.id, {duration:0.0, to:1.0});
}

function switchAbout() {
    if (about == 1) {
        sendRequest('js/ajax.php', 'status=true');
        new Effect.Move(document.getElementById('about'), {x: -265, mode: 'relative'});
        document.getElementById('about_arrow').src = 'img/icons/arrow2.gif';
        new Effect.Opacity('rcontent', {duration:0.5, to:0.0});
        window.setTimeout('setWidth(1)', 1000);
        about = 0;
    } else {
        sendRequest('js/ajax.php', 'status=false');
        new Effect.Opacity('rcontent', {duration:0.5, to:0.0});
        window.setTimeout('moveIt()', 700);
        about = 1;
    }
}

function moveIt() {
    setWidth(0);
    new Effect.Move(document.getElementById('about'), {x: 265, mode: 'relative'});
    document.getElementById('about_arrow').src = 'img/icons/arrow.gif';
    new Effect.Opacity('rcontent', {duration:0.5, to:1.0});
}

function setWidth(flag) {
    if (flag == 1) {
        document.getElementById('about').style.display = 'none';
        document.getElementById('rcontent').style.width = '770px';
        document.getElementById('rcontent').style.padding = '0px';
        document.getElementById('rcontent').innerHTML = '<a href="javascript:switchAbout();"><img src="img/icons/arrow2.gif" style="float:left;border:none;margin-left:5px;" id="about_arrow" alt="" /></a><div style="float:left;width:736px;padding:0px 5px;">'+content+'</div>';
        new Effect.Opacity('rcontent', {duration:0.5, to:1.0});
    } else {
        document.getElementById('about').style.display = 'block';
        document.getElementById('rcontent').style.width = '491px';
        document.getElementById('rcontent').style.padding = '0px 5px';
        document.getElementById('rcontent').innerHTML = content;
    }
}