/*
  shelter
*/

$(function() {
  
  var Title = $(".Title"),
      Title_1_1 = $(".Title #first_1"),
      Title_1_2 = $(".Title #first_2"),
      Title_1_3 = $(".Title #first_3"),
      Title_2 = $(".Title #second_1"),
      Title_3 = $(".Title #third_1"),
      Title_4 = $(".Title #fourth_1"),
      Title_5 = $(".Title #fifth_1"),
      Title_6 = $(".Title #sixth_1"),
      Title_7 = $(".Title #seventh_1"),
      Title_8 = $(".Title #eighth_1"),
      Image = $(".Image"),
      Image_1 = $(".Image #first"),
      Image_2 = $(".Image #second"),
      Image_3 = $(".Image #third"),
      Image_4 = $(".Image #fourth"),
      Image_5 = $(".Image #fifth"),
      Image_6 = $(".Image #sixth"),
      Image_7 = $(".Image #seventh"),
      Image_8 = $(".Image #eighth");
  
  var a = new Slide([
  	   {
      el: Title,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Title_1_1,
      x: 0,
      y: 30,
      r: 0,
      opacity: 1
    }, {
      el: Title_1_2,
      x: 0,
      y: 23,
      r: 0,
      opacity: 1
    }, {
      el: Title_1_3,
      x: -220,
      y: -10,
      r: 0,
      opacity: 1
    }, {
      el: Title_2,
      x: 0,
      y: 0,
      r: 0,
      opacity: 0
    }, {
      el: Title_3,
      x: 0,
      y: 0,
      r: 0,
      opacity: 0
    }, {
       el: Title_4,
      x: 1050,
      y: -900,
      r: 0,
      opacity: 0
    }, {
      el: Title_5,
      x: 400,
      y: -450,
      r: 0,
      opacity: 0
    }, {
    el: Title_6,
      x: 1030,
      y: -1110,
      r: 0,
      opacity: 0
    }, {
      el: Title_7,
      x: 0,
      y: 0,
      r: 0,
      opacity: 0
    }, {
      el: Title_8,
      x: 380,
      y: -1225,
      r: 0,
      opacity: 0
    }, {
      el: Image,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Image_1,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
     el: Image_2,
      x: 0,
      y: 100,
      r: 90,
      opacity: 1
    }, {
    el: Image_3,
      x: -1830,
      y: -1320,
      r: -90,
      opacity: 1
    }, {
       el: Image_4,
      x: -1050,
      y: -475,
      r: 90,
      opacity: 1
    }, {
      el: Image_5,
      x: -1925,
      y: -1650,
      r: 90,
      opacity: 1
    }, {
      el: Image_6,
      x: 1000,
      y: -1825,
      r: 0,
      opacity: 0
    }, {
      el: Image_7,
      x: -100,
      y: -2220,
      r: 0,
      opacity: 0
    }, {
      el: Image_8,
      x: -1810,
      y: 2710,
      r: 90,
      opacity: 1
  	}]);
  	
  	var b = new Slide([
  	   {
      el: Title,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Title_1_1,
      x: 0,
      y: 0,
      r: 0,
      opacity: 0
    }, {
      el: Title_1_2,
      x: 0,
      y: 0,
      r: 0,
      opacity: 0
    }, {
      el: Title_1_3,
      x: 0,
      y: 0,
      r: 0,
      opacity: 0
    }, {
      el: Title_2,
      x: 30,
      y: -390,
      r: 0,
      opacity: 1
    }, {
      el: Title_3,
      x: 0,
      y: 0,
      r: 0,
      opacity: 0
    }, {
       el: Title_4,
      x: 1050,
      y: -900,
      r: 0,
    }, {
      el: Title_5,
      x: 400,
      y: -450,
      r: 0,
      opacity: 0
    }, {
    el: Title_6,
      x: 1030,
      y: -1110,
      r: 0,
      opacity: 0
    }, {
      el: Title_7,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Title_8,
      x: 0,
      y: 0,
      r: 0,
      opacity: 0
    }, {
      el: Image,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Image_1,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Image_2,
      x: -260,
      y: -450,
      r: 0,
      opacity: 1
    }, {
    el: Image_3,
      x: -1830,
      y: -1320,
      r: -90,
      opacity: 1
    }, {
       el: Image_4,
      x: -1050,
      y: -475,
      r: 90,
      opacity: 1
    }, {
      el: Image_5,
      x: -1925,
      y: -1650,
      r: 90,
      opacity: 1
    }, {
      el: Image_6,
      x: 1000,
      y: -1825,
      r: 0,
      opacity: 1
    }, {
      el: Image_7,
      x: -100,
      y: -2220,
      r: 0,
      opacity: 0
    }, {
      el: Image_8,
      x: -1810,
      y: -2710,
      r: -90,
      opacity: 1
  	}]);
  	
  	var c = new Slide([
  	   {
      el: Title,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Title_1_1,
      x: 0,
      y: -215,
      r: 90,
      opacity: 0
    }, {
      el: Title_1_2,
      x: 0,
      y: 0,
      r: 0,
      opacity: 0
    }, {
      el: Title_1_3,
      x: 200,
      y: 100,
      r: -90,
      opacity: 0
    }, {
      el: Title_2,
      x: 0,
      y: -400,
      r: 0,
      opacity: 0
    }, {
      el: Title_3,
      x: 360,
      y: -590,
      r: 0,
      opacity: 1
    }, {
       el: Title_4,
      x: 1050,
      y: -900,
      r: 0,
    }, {
      el: Title_5,
      x: 400,
      y: -450,
      r: 0,
      opacity: 0
    }, {
    el: Title_6,
      x: 1030,
      y: -1110,
      r: 0,
      opacity: 0
    }, {
      el: Title_7,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Title_8,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Image,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Image_1,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
     el: Image_2,
      x: 500,
      y: -900,
      r: 90,
      opacity: 1
    }, {
      el: Image_3,
      x: -780,
      y: -820,
      r: 0,
      opacity: 1
    }, {
       el: Image_4,
      x: -1050,
      y: -475,
      r: 90,
      opacity: 1
    }, {
      el: Image_5,
      x: -1925,
      y: -1650,
      r: 90,
      opacity: 1
    }, {
      el: Image_6,
      x: 1000,
      y: -1825,
      r: 0,
      opacity: 1
    }, {
      el: Image_7,
      x: -100,
      y: -2220,
      r: 0,
      opacity: 0
    }, {
      el: Image_8,
      x: -1810,
      y: -2710,
      r: -90,
      opacity: 1
  	}]);
  	
  	var d = new Slide([
  	   {
      el: Title,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Title_1_1,
      x: 0,
      y: -215,
      r: 90,
      opacity: 0
    }, {
      el: Title_1_2,
      x: 0,
      y: 0,
      r: 0,
      opacity: 0
    }, {
      el: Title_1_3,
      x: 200,
      y: 100,
      r: -90,
      opacity: 0
    }, {
      el: Title_2,
      x: 0,
      y: 0,
      r: 0,
      opacity: 0
    }, {
      el: Title_3,
      x: 480,
      y: -615,
      r: 0,
      opacity: 0
    }, {
      el: Title_4,
      x: 30,
      y: -730,
      r: 0,
      opacity: 1
    }, {
      el: Title_5,
      x: 400,
      y: -450,
      r: 0,
      opacity: 0
    }, {
    el: Title_6,
      x: 1030,
      y: -1110,
      r: 0,
      opacity: 0
    }, {
      el: Title_7,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Title_8,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Image,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Image_1,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
     el: Image_2,
      x: 0,
      y: 100,
      r: 90,
      opacity: 1
    }, {
      el: Image_3,
      x: -1830,
      y: -1320,
      r: -90,
      opacity: 1
    }, {
      el: Image_4,
      x: -525,
      y: -1080,
      r: 0,
      opacity: 1
    }, {
      el: Image_5,
      x: -1925,
      y: -1650,
      r: 90,
      opacity: 1
    }, {
      el: Image_6,
      x: 1000,
      y: -1825,
      r: 0,
      opacity: 1
    }, {
      el: Image_7,
      x: -100,
      y: -2220,
      r: 0,
      opacity: 0
    }, {
      el: Image_8,
      x: -1810,
      y: -2710,
      r: -90,
      opacity: 1
  	}]);
  	
  	var e = new Slide([
  	   {
      el: Title,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Title_1_1,
      x: 0,
      y: -215,
      r: 90,
      opacity: 0
    }, {
      el: Title_1_2,
      x: 0,
      y: 0,
      r: 0,
      opacity: 0
    }, {
      el: Title_1_3,
      x: 200,
      y: 100,
      r: -90,
      opacity: 0
    }, {
      el: Title_2,
      x: 0,
      y: 0,
      r: 0,
      opacity: 0
    }, {
      el: Title_3,
      x: 780,
      y: -915,
      r: 0,
      opacity: 0
    }, {
      el: Title_4,
      x: 10,
      y: -800,
      r: 0,
      opacity: 0
    }, {
      el: Title_5,
      x: 285,
      y: -850,
      r: 0,
      opacity: 1
    }, {
    el: Title_6,
      x: 1030,
      y: -1110,
      r: 0,
      opacity: 0
    }, {
      el: Title_7,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Title_8,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Image,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Image_1,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
     el: Image_2,
      x: 0,
      y: 100,
      r: 90,
      opacity: 1
    }, {
      el: Image_3,
      x: -1830,
      y: -1320,
      r: -90,
      opacity: 1
    }, {
      el: Image_4,
      x: 1050,
      y: -1375,
      r: 0,
      opacity: 1
    }, {
      el: Image_5,
      x: -785,
      y: -1450,
      r: 0,
      opacity: 1
    }, {
      el: Image_6,
      x: 1000,
      y: -1825,
      r: 0,
      opacity: 1
    }, {
      el: Image_7,
      x: -100,
      y: -2220,
      r: 0,
      opacity: 0
    }, {
      el: Image_8,
      x: -1810,
      y: -2710,
      r: -90,
      opacity: 1
  	}]);
  	
  	var f = new Slide([
  	   {
      el: Title,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Title_1_1,
      x: 0,
      y: -215,
      r: 90,
      opacity: 0
    }, {
      el: Title_1_2,
      x: 0,
      y: 0,
      r: 0,
      opacity: 0
    }, {
      el: Title_1_3,
      x: 200,
      y: 100,
      r: -90,
      opacity: 0
    }, {
      el: Title_2,
      x: 0,
      y: 0,
      r: 0,
      opacity: 0
    }, {
      el: Title_3,
      x: 780,
      y: -915,
      r: 0,
      opacity: 0
    }, {
      el: Title_4,
      x: 1050,
      y: -900,
      r: 0,
      opacity: 0
    }, {
      el: Title_5,
      x: 400,
      y: -850,
      r: 0,
      opacity: 0
    }, {
      el: Title_6,
      x: 30,
      y: -1010,
      r: 0,
      opacity: 1
    }, {
      el: Title_7,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Title_8,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Image,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Image_1,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
     el: Image_2,
      x: 0,
      y: 100,
      r: 90,
      opacity: 1
    }, {
      el: Image_3,
      x: -1830,
      y: -1320,
      r: -90,
      opacity: 1
    }, {
      el: Image_4,
      x: 1050,
      y: -1375,
      r: 0,
      opacity: 0
    }, {
      el: Image_5,
      x: -1925,
      y: 650,
      r: -90,
      opacity: 1
    }, {
      el: Image_6,
      x: -530,
      y: -1825,
      r: 0,
      opacity: 1
    }, {
      el: Image_7,
      x: -250,
      y: -2220,
      r: 0,
      opacity: 0
    }, {
      el: Image_8,
      x: -1810,
      y: -2710,
      r: -90,
      opacity: 1
  	}]);
  	
  	var g = new Slide([
  	   {
      el: Title,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Title_1_1,
      x: 0,
      y: -215,
      r: 90,
      opacity: 0
    }, {
      el: Title_1_2,
      x: 0,
      y: 0,
      r: 0,
      opacity: 0
    }, {
      el: Title_1_3,
      x: 200,
      y: 100,
      r: -90,
      opacity: 0
    }, {
      el: Title_2,
      x: 0,
      y: 0,
      r: 0,
      opacity: 0
    }, {
      el: Title_3,
      x: 780,
      y: -915,
      r: 0,
      opacity: 0
    }, {
      el: Title_4,
      x: 1050,
      y: -900,
      r: 0,
      opacity: 0
    }, {
      el: Title_5,
      x: 400,
      y: -450,
      r: 0,
      opacity: 0
    }, {
      el: Title_6,
      x: 30,
      y: -1110,
      r: 0,
      opacity: 0
    }, {
      el: Title_7,
      x: 30,
      y: -1065,
      r: 0,
      opacity: 1
    }, {
      el: Title_8,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Image,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Image_1,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
     el: Image_2,
      x: 0,
      y: 100,
      r: 90,
      opacity: 1
    }, {
      el: Image_3,
      x: -1830,
      y: -1320,
      r: -90,
      opacity: 1
    }, {
      el: Image_4,
      x: -1050,
      y: -475,
      r: 90,
      opacity: 0
    }, {
      el: Image_5,
      x: -1925,
      y: -1650,
      r: 90,
      opacity: 1
    }, {
      el: Image_6,
      x: -2000,
      y: -1825,
      r: 0,
      opacity: 1
    }, {
      el: Image_7,
      x: -250,
      y: -2220,
      r: 0,
      opacity: 1
    }, {
      el: Image_8,
      x: -1810,
      y: -2710,
      r: -90,
      opacity: 1
  	}]);
  	
  	var h = new Slide([
  	   {
      el: Title,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Title_1_1,
      x: 0,
      y: -215,
      r: 90,
      opacity: 0
    }, {
      el: Title_1_2,
      x: 0,
      y: 0,
      r: 0,
      opacity: 0
    }, {
      el: Title_1_3,
      x: 200,
      y: 100,
      r: -90,
      opacity: 0
    }, {
      el: Title_2,
      x: 0,
      y: 0,
      r: 0,
      opacity: 0
    }, {
      el: Title_3,
      x: 780,
      y: -915,
      r: 0,
      opacity: 0
    }, {
      el: Title_4,
      x: 1050,
      y: -900,
      r: 0,
      opacity: 0
    }, {
      el: Title_5,
      x: 400,
      y: -450,
      r: 0,
      opacity: 0
    }, {
      el: Title_6,
      x: 1030,
      y: -1110,
      r: 0,
      opacity: 0
    }, {
      el: Title_7,
      x: 0,
      y: -1065,
      r: 0,
      opacity: 0
    }, {
      el: Title_8,
      x: 240,
      y: -1225,
      r: 0,
      opacity: 1
    }, {
      el: Image,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
      el: Image_1,
      x: 0,
      y: 0,
      r: 0,
      opacity: 1
    }, {
     el: Image_2,
      x: 0,
      y: 100,
      r: 90,
      opacity: 1
    }, {
      el: Image_3,
      x: -1830,
      y: -1320,
      r: -90,
      opacity: 1
    }, {
      el: Image_4,
      x: -1050,
      y: -475,
      r: 90,
      opacity: 1
    }, {
      el: Image_5,
      x: -1925,
      y: -1650,
      r: 90,
      opacity: 1
    }, {
      el: Image_6,
      x: -2000,
      y: -1825,
      r: 0,
      opacity: 0
    }, {
      el: Image_7,
      x: -250,
      y: -2220,
      r: 0,
      opacity: 0
    }, {
      el: Image_8,
      x: -790,
      y: -2610,
      r: 0,
      opacity: 1
  	}]);
  

  
  b = new Sequencer([a,b,c,d,e,f,g,h,a]);
        
  window.addEventListener("load",
    function() {
      b.play();
    },
    false);

});