var Default = {
    pics: 4,
    pictures:['images/pic/pic-1.jpg', 'images/pic/pic-2.jpg', 
        'images/pic/pic-3.jpg', 'images/pic/pic-4.jpg'],
    
    ChangePicture: function(e, index) {
        for (var i = 0; i < Default.pics; i++) {
            $("pic" + i).className = "l3";
        }
        $("pic" + index).className = "l2";
        $("current_pic").src = Default.pictures[index];
        e.stop();
    }
};

Event.observe(window, "load", function(e) {
    $("pic" + 0).observe("mouseover", function(eve) {
        Default.ChangePicture(eve, 0);
    });    
    $("pic" + 1).observe("mouseover", function(eve) {
        Default.ChangePicture(eve, 1);
    });    
    $("pic" + 2).observe("mouseover", function(eve) {
        Default.ChangePicture(eve, 2);
    });   
    $("pic" + 3).observe("mouseover", function(eve) {
        Default.ChangePicture(eve, 3);
    });
    
    Common.Init();
    Header.Init();
});