$(function() {
    $('#main_box').hide().animate({opacity:0});
    $('body').hide();//.slideDown(1000); 
    setTimeout(function() {
        $('body').show();
        $('#main_box').show()
        .animate({opacity:1}, 1000);
    }, 800);
    
    
    
    $("img.live").each(function(){
        var width = parseInt($(this).css("width"));
        var height = parseInt($(this).css("height"));
        //$(this).css("position", "absolute");
        $(this).wrap("<div class='img_live_box' style='width: "+(width+4)+"px; height: "+(height+4)+"px;'></div>");
        //var oDiv = $(this).wrap("<div class='img_move'></div>");
        
        $(this).mouseover(function(){
            $(this).css("width", (width+4)+"px")
            .css("height", (height+4)+"px");
            
            $(this).css("left", "-2px").css("top", "-2px");
        });
        
        $(this).mouseout(function(){
            $(this).css("width", (width)+"px")
            .css("height", (height)+"px");
            
            $(this).css("left", "0").css("top", "0");
        });
    });
    
   
    $('#checkbox').toggle(
    function() {
        $(this).attr('src', '/html/images/checkbox_off.png');
        $('#remember').attr('value', 'off');
    },
    function() {
        $(this).attr('src', '/html/images/checkbox_on.png');
        $('#remember').attr('value', 'on');
    });
    
    
    jQuery('#mycarousel').jcarousel({
    	wrap: 'circular'
    });
});