var brand_img_stack = Array(); var brand_width_each = 420; var deepest_brand = [0,0,0]; function draw_brand_fall(img){ brand_img_stack.shift(); var width = img.width; var height = img.height; var url = img.src; height = height / width * brand_width_each; width = brand_width_each; var column; if(deepest_brand[0] <= deepest_brand[1] && deepest_brand[0] <= deepest_brand[2]){ column = 0; } else{ if(deepest_brand[1] <= deepest_brand[0] && deepest_brand[1] <= deepest_brand[2]){ column = 1; } else{ if(deepest_brand[2] <= deepest_brand[0] && deepest_brand[2] <= deepest_brand[1]){ column = 2; } } } var str = ''; str += ''; //console.log(column); $("brand_column_" + column).innerHTML += str; deepest_brand[column] += height; if(brand_img_stack.length > 0){ add_brand_fall_stack(brand_img_stack[0]); } } function add_pic_column(brand_id, pic_num){ add_brand_fall("/uploads/1465882675.jpg"); add_brand_fall("/uploads/1465882685.jpg"); add_brand_fall("/uploads/1465882697.jpg"); add_brand_fall("/uploads/1465882705.jpg"); add_brand_fall("/uploads/1465882708.jpg"); add_brand_fall("/uploads/1465882711.jpg"); add_brand_fall("/uploads/1465882714.jpg"); add_brand_fall("/uploads/1465882717.jpg"); add_brand_fall("/uploads/1465882720.jpg"); add_brand_fall("/uploads/1465882724.jpg"); add_brand_fall("/uploads/1465882729.jpg"); add_brand_fall("/uploads/1465882735.jpg"); add_brand_fall("/uploads/1465882739.jpg"); add_brand_fall("/uploads/1465882743.jpg"); add_brand_fall("/uploads/1465882776.jpg"); add_brand_fall("/uploads/1465882782.jpg"); add_brand_fall("/uploads/1465882787.jpg"); add_brand_fall("/uploads/1465882792.jpg"); } function draw_brand_fall(img){ brand_img_stack.shift(); var width = img.width; var height = img.height; var url = img.src; height = height / width * brand_width_each; width = brand_width_each; var column; if(deepest_brand[0] <= deepest_brand[1] && deepest_brand[0] <= deepest_brand[2]){ column = 0; } else{ if(deepest_brand[1] <= deepest_brand[0] && deepest_brand[1] <= deepest_brand[2]){ column = 1; } else{ if(deepest_brand[2] <= deepest_brand[0] && deepest_brand[2] <= deepest_brand[1]){ column = 2; } } } var str = ''; str += ''; //console.log(column); $("brand_column_" + column).innerHTML += str; deepest_brand[column] += height; if(brand_img_stack.length > 0){ add_brand_fall_stack(brand_img_stack[0]); } } function add_brand_fall_stack(url){ var img = new Image(); img.onload = function(){ img.onload = null; draw_brand_fall(img); } img.src = url; } function add_brand_fall(url){ brand_img_stack.push(url); if(brand_img_stack.length == 1){ add_brand_fall_stack(url); } } function init(){ }