var normal_suffix = '.gif';
var rollover_suffix = '_rollover.gif';
var preview_normal_suffix = '_dark.jpg';
var preview_rollover_suffix = '.jpg';

var prev;
var dr = false;
var dp = false;

function cfdinit() {
    var nav = document.getElementById('navbar');
    var rollover_images = nav.getElementsByTagName('img');
    for (var i = 0; i < rollover_images.length; i++) {
        rollover_images[i].onmouseover = rollover;
        rollover_images[i].onmouseout = rolloff;
    }
    prev = document.getElementById('previews');
    if (prev) {
        var preview_images = prev.getElementsByTagName('img');
        for (var i = 0; i < preview_images.length; i++) {
            preview_images[i].onmouseover = prevover;
            preview_images[i].onmouseout = prevout;
        }
    }
}

function rollover () {
    if (!dr) {
        dr = true;
        if (this.src.search('_selected.gif') == -1) {
            this.src = this.src.replace(normal_suffix, rollover_suffix);
            if (prev && this.id) {
                var which = this.id.substr(0, 2);
                document.getElementById(which + 'preview').onmouseover();
            }
        }
        dr = false;
    }
}

function rolloff () {
    if (!dr) {
        dr = true;
        if (this.src.search('_selected.gif') == -1) {
            this.src = this.src.replace(rollover_suffix, normal_suffix);
            if (prev && this.id) {
                var which = this.id.substr(0, 2);
                document.getElementById(which + 'preview').onmouseout();
            }
        }
        dr = false;
    }
}

function prevover () {
    if (!dp) {
        dp = true;
        this.src = this.src.replace(preview_normal_suffix, preview_rollover_suffix);
        this.width = '182';
        this.height = '318';
        this.style.border = '2px solid #ffffff';
        var which = this.id.substr(0, 2);
        document.getElementById(which + 'button').onmouseover();
        dp = false;
    }
}

function prevout () {
    if (!dp) {
        dp = true;
        this.src = this.src.replace(preview_rollover_suffix, preview_normal_suffix);
        this.width = '186';
        this.height = '322';
        this.style.border = '0px';
        var which = this.id.substr(0, 2);
        document.getElementById(which + 'button').onmouseout();
        dp = false;
    }
}

if (window.onload) {
    var prev_onload = window.onload;
    window.onload = function () {
        prev_onload();
        cfdinit();}
}
else {window.onload = cfdinit;}