$("#Toggle_Image").ready(function(){
    var Toggle_Image_Num=0;
    var Toggle_with;
    $("#Toggle").width(0);
    $("div[id=Toggle] img").each(function(){
        var img = $(this);
        var Toggle_width = $("#Toggle").width()+img.width();
        $("#Toggle").width(Toggle_width);
        
        Toggle_Image_Num=Toggle_Image_Num+1;
        
        var li = $("<li class='botton'></li>");
        li.data("left",-(Toggle_width-img.width()))
        li.click(function(){
            $("#Toggle").stop();
            $("#Toggle").animate(
            {
                "left":$(this).data("left")
            });
            $("div[id=Toggle_bottons] ul li").removeClass("selected");
            $(this).toggleClass("selected");
        });
        $("#Toggle_bottons ul li.right").before(li);
        if(li.data("left")==0){
            li.click();
        }
    });
    $("div[id=Toggle_bottons] ul li.left").click(function(){
        var selected_button = $("div[id=Toggle_bottons] ul li.selected");
        var button = selected_button.prev(".botton");
        if(button.length){
            button.click();
        }
    });
    $("div[id=Toggle_bottons] ul li.right").click(function(){
        var selected_button = $("div[id=Toggle_bottons] ul li.selected");
        var button = selected_button.next(".botton");
        if(button.length){
            button.click();
        }
    });
    setInterval("next_Toggle_Image()",10000);
});
var Toggle_to_end="left";
function next_Toggle_Image(){
    var selected_button = $("div[id=Toggle_bottons] ul li.selected");
    if(Toggle_to_end=="left"){
        if(selected_button.next(".botton").length){
            selected_button.next(".botton").click();
        }else{
            Toggle_to_end="right";
            selected_button.prev(".botton").click();
        }
    }else if(Toggle_to_end=="right"){
        if(selected_button.prev(".botton").length){
            selected_button.prev(".botton").click();
        }else{
            Toggle_to_end="left";
            selected_button.next(".botton").click();
        }
    }
}

function pic_resize(imgID,maxWidth,maxHeight){
    var img = $(imgID);
    img.load(function(){
        $(this).css({
            "width":"auto",
            "height":"auto"
        });
        if($(this).width() > 0 || $(this).height()>0){
            var imgWidth = $(this).width();
            var imgHeight = $(this).height();
            var iwidth = maxWidth/imgWidth;
            var iheight = maxHeight/imgHeight;
            if(iwidth<iheight){
                var iSize = iwidth;
            }else{
                var iSize = iheight;
            }
            imgWidth= imgWidth*iSize;
            imgWidth = imgWidth - (imgWidth%1);
            imgHeight = imgHeight*iSize;
            imgHeight=imgHeight - (imgHeight%1);
            $(this).width(imgWidth);
            $(this).height(imgHeight);
            var marginTop = (maxHeight - $(this).height())/2;
            var marginLeft = (maxWidth - $(this).width())/2;
            $(this).css({
                "margin": marginTop+"px "+marginLeft+"px "+marginTop+"px "+marginLeft+"px"
            });
        }
    });
    img.load();  
}