var interval = null, slides = null, current = 0;
var sinterval = null, sslides = null, scurrent = 0;
var binterval = null, inwidths = [15, 10, 15], outwidths = [25, 0], currin = 0, currout = 0, currWidth = 0;

function rotate() {
    var curr = slides[current];
    var next = slides[(current < slides.length - 1 ? ++current : current = 0)];
    curr.fadeOut({ increment: 1, speed: 10, callback: function() {
        window.clearInterval(binterval);
        curr.style.borderWidth = "0px";
        curr.style.height = "390px";
        curr.style.width = "552px";
        curr.hide();
    } 
    });
    next.show("inline");
    next.fadeIn({ increment: 1, speed: 10 });
};

function srotate() {
    var curr = sslides[scurrent];
    var next = sslides[(scurrent < sslides.length - 1 ? ++scurrent : scurrent = 0)];
    curr.fadeOut({ increment: 1, speed: 10, callback: function() {
        curr.hide();
    } 
    });
    next.show("inline");
    next.fadeIn({ increment: 1, speed: 10 });
};

function borderin() {
    if (currin < inwidths.length && currWidth != inwidths[currin]) {
        slides[current].style.height = (currWidth > inwidths[currin] ? parseInt(slides[current].clientHeight) + 2 : parseInt(slides[current].clientHeight) - 2) + "px";
        slides[current].style.width = (currWidth > inwidths[currin] ? parseInt(slides[current].clientWidth) + 2 : parseInt(slides[current].clientWidth) - 2) + "px";
        slides[current].style.borderWidth = (currWidth > inwidths[currin] ? --currWidth : ++currWidth) + "px";
    } else {
        if (currin >= inwidths.length) { currin = 0; window.clearInterval(binterval); } else { currin++; };
    };
};

function borderout() {
    if (currout < outwidths.length && currWidth != outwidths[currout]) {
        slides[current].style.height = (currWidth > outwidths[currout] ? parseInt(slides[current].clientHeight) + 2 : parseInt(slides[current].clientHeight) - 2) + "px";
        slides[current].style.width = (currWidth > outwidths[currout] ? parseInt(slides[current].clientWidth) + 2 : parseInt(slides[current].clientWidth) - 2) + "px";
        slides[current].style.borderWidth = (currWidth > outwidths[currout] ? --currWidth : ++currWidth) + "px";
    } else {
        if (currout >= outwidths.length) { currout = 0; window.clearInterval(binterval); } else { currout++; };
    };
};

window.onload = function() {
    blogs = document.getElementById("blogs");
    exp = document.getElementById("exp");
    slides = $get("#rotator a");
    if (slides != null && slides.length > 0) {
        for (var i = 0; i < slides.length; i++) {
            slides[i].setOpacity(0);
            slides[i].hide();
            slides[i]["onmouseout"] = function() {
                window.clearInterval(binterval);
                binterval = window.setInterval(borderout, 1);
                interval = window.setInterval(rotate, 5000);
            };
            slides[i]["onmouseover"] = function() {
                window.clearInterval(binterval);
                window.clearInterval(interval);
                slides[current].setOpacity(100);
                binterval = window.setInterval(borderin, 15);
            };
        };
        slides[current].setOpacity(100);
        slides[current].show("inline");

        interval = window.setInterval(rotate, 5000);
    };

    sslides = $get("#students img");
    if (sslides != null) {
        for (var s = 0; s < sslides.length; s++) {
            sslides[s].setOpacity(0);
            sslides[s].hide();
        };
        sslides[scurrent].setOpacity(100);
        sslides[scurrent].show("inline");

        sinterval = window.setInterval(srotate, 5000);
    };
};