﻿
$(document).ready(function(){
    function seriesDesc() {
        var content = $(this).children("p").text();
        $(this).parent("li").parent("ul").parent("div.seallineHomeNav").append("<div id='seriesDesc'>"+ content +"</div>");
        $("#seriesDesc").fadeIn(500);
        };
    function seriesDescOut() {
        $("#seriesDesc").remove();
        };
    $(".seallineHomeNav > ul > li > a").hoverIntent(seriesDesc,seriesDescOut);
});

$(function(){
        $("#seallineHome").append("<div id='seallineHome0'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome01'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome02'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome02_1'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome03'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome04'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome1'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome11'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome12'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome12_1'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome13'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome14'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome2'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome21'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome22'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome22_1'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome23'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome24'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome3'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome305'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome306'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome3061'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome3062'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome3063'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome3064'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome3065'>&nbsp;</div");
        $("#seallineHome").append("<div id='seallineHome31'>&nbsp;</div");
});

$(document).ready(function(){
    $("#seallineHome").css("background" , ("#000"));
    $("#seallineHome01").css("height", "0");
    $("#seallineHome11").css("height", "0");
    $("#seallineHome21").css("height", "0");
    function pane1(){
        $("#seallineHome02_1").fadeIn(1000);
        $("#seallineHome0").fadeIn(1000, pane2);
    };
    function pane2(){
        var lineHeight = 149;
        $("#seallineHome01").animate({height: lineHeight},{duration:800});
        $("#seallineHome02").css("display" , "block");
        $("#seallineHome02_1").animate({width: 0}, {duration:800 , complete:pane3});
    };
    function pane3(){
        $("#seallineHome03").fadeIn(150, pane4);
        };
    function pane4(){
        $("#seallineHome04").fadeIn(500, pane5);
        };
    function pane5(){
        $("#seallineHome0").animate({opacity: 1.0}, {duration:1000, complete:pane6});
        };
    function pane6(){
        $("#seallineHome02_1").css("display", "none");
        $("#seallineHome01").fadeOut(300);
        $("#seallineHome02").fadeOut(300);
        $("#seallineHome03").fadeOut(200);
        $("#seallineHome04").fadeOut(300);
        $("#seallineHome0").fadeOut(500, pane7);
        };
    function pane7(){
        $("#seallineHome1").fadeIn(500, pane75);
        }
    function pane75(){
        $("#seallineHome12_1").fadeIn(1,pane8);
        }
    function pane8(){
        var lineHeight = 219;
        $("#seallineHome11").animate({height: lineHeight},{duration:800});
        $("#seallineHome12").css("display" , "block");
        $("#seallineHome12_1").animate({width: 0}, {duration:800 , complete:pane9});
    };
    function pane9(){
        $("#seallineHome13").fadeIn(150, pane10);
        };
    function pane10(){
        $("#seallineHome14").fadeIn(500, pane11);
        };
    function pane11(){
        $("#seallineHome1").animate({opacity: 1.0}, {duration:1000, complete:pane12});
        };
    function pane12(){
        $("#seallineHome11").fadeOut(300);
        $("#seallineHome12").fadeOut(300);
        $("#seallineHome12_1").fadeOut(500);
        $("#seallineHome13").fadeOut(200);
        $("#seallineHome14").fadeOut(300);
        $("#seallineHome1").fadeOut(500, pane13);
        };
    function pane13(){
        $("#seallineHome2").fadeIn(500, pane135);
        }
    function pane135(){
        $("#seallineHome22_1").fadeIn(1, pane14);
        }
    function pane14(){
        var lineHeight = 173;
        $("#seallineHome21").animate({height: lineHeight},{duration:600});
        $("#seallineHome22").css("display" , "block");
        $("#seallineHome22_1").animate({width: 0}, {duration:600 , complete:pane15});
    };
    function pane15(){
        $("#seallineHome23").fadeIn(150, pane16);
        };
    function pane16(){
        $("#seallineHome24").fadeIn(500, pane17);
        };
    function pane17(){
        $("#seallineHome2").animate({opacity: 1.0}, {duration:1000, complete:pane18});
        };
    function pane18(){
        $("#seallineHome21").fadeOut(300);
        $("#seallineHome22").fadeOut(300);
        $("#seallineHome22_1").fadeOut(500);
        $("#seallineHome23").fadeOut(200);
        $("#seallineHome24").fadeOut(300);
        $("#seallineHome2").fadeOut(500, pane19);
        };
    function pane19(){
        $("#seallineHome3").fadeIn(500, pane20);
        // $("#seallineHome305").fadeIn(300, pane20);
        }
    function pane20(){
        $("#seallineHome2").animate({opacity: 1.0}, {duration:300, complete:pane21});
        };
    function pane21(){
        $("#seallineHome31").fadeIn(2500);
        }
//    function pane20(){
//        $("#seallineHome306").css("display", "block");
//        $("#seallineHome3061").css("display", "block");
//        $("#seallineHome3062").css("display", "block");
//        $("#seallineHome3063").css("display", "block");
//        $("#seallineHome3064").css("display", "block");
//        $("#seallineHome3065").css("display", "block");
//        $("#seallineHome2").animate({opacity: 1.0}, {duration:1, complete:pane21});
//        }
//    function pane21(){
//        $("#seallineHome31").css("display", "block");
//        $("#seallineHome2").animate({opacity: 1.0}, {duration:400, complete:pane22});
//        }
//    function pane22(){
//        $("#seallineHome306").fadeOut(600, pane23);
//        }
//    function pane23(){
//        $("#seallineHome3061").fadeOut(600, pane24);
//        }
//    function pane24(){
//        $("#seallineHome3062").fadeOut(600, pane25);
//        }
//    function pane25(){
//        $("#seallineHome3063").fadeOut(600, pane26);
//        }
//    function pane26(){
//        $("#seallineHome3064").fadeOut(600, pane27);
//        }
//    function pane27(){
//        $("#seallineHome3065").fadeOut(600);
//        }


    pane1();
});

//$(function(){
//    $("#seallineHome").css("background" , ("#000"));
//    function pane1() {
//        $("#drybagHome1").fadeIn(2000, pane2);
//        };
//    function pane2() {
//        $("#drybagHome2").fadeIn(2000);
//        };
//    pane1();
//});


