From 2b8ca162aa3c270f371bfcb6533ab82907796a1f Mon Sep 17 00:00:00 2001
From: suprb <info@suprb.com>
Date: Tue, 29 Jan 2013 14:51:15 +0100
Subject: [PATCH] 1.0

---
 index.html       |  30 ++++++++++--------------------
 jquery.nested.js |   9 +++------
 js/.DS_Store     | Bin 6148 -> 0 bytes
 style.css        |  35 ++++++++++++++++++++++++++++++-----
 4 files changed, 43 insertions(+), 31 deletions(-)
 delete mode 100644 js/.DS_Store
diff --git a/index.html b/index.html
index 13ca855..247497b 100755
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
+<title>Nested</title>
 <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
 <script>window.jQuery || document.write('<script src="js/jquery-1.7.1.min.js"><\/script>')</script>
@@ -11,22 +11,9 @@
 </head>
 <body>
 
-<div id="firstbox">
-  <div class="box size21">1</div>
-  <div class="box size32">2</div>
-  <div class="box size11">3</div>
-  <div class="box size21">4</div>
-  <div class="box size12">5</div>
-  <div class="box size11">6</div>
-  <div class="box size21">7</div>
-</div>
-
-<div>
-  <a id="prepend">Prepend</a>
-  <a id="append">Append</a>
-</div>
+<a class="btn" id="prepend">Prepend</a>
 
-<div id="secondbox">
+<div id="container">
   <div class="box size11">1</div>
   <div class="box size21">2</div>
   <div class="box size32">3</div>
@@ -57,18 +44,21 @@
   <div class="box size22">28</div>
 </div>
 
+<a class="btn" id="append">Append</a>
+
 <script type="text/javascript" >
+  
   $(function() { 
-    $('#firstbox').nested(); 
-    $('#secondbox').nested(); 
+   
+    $('#container').nested(); 
     
     $('#prepend').click(function(){
       var boxes = makeBoxes();
-      $('#secondbox').prepend(boxes).nested('prepend',boxes);
+      $('#container').prepend(boxes).nested('prepend',boxes);
     })
     $('#append').click(function(){
       var boxes = makeBoxes();
-      $('#secondbox').append(boxes).nested('append',boxes);     
+      $('#container').append(boxes).nested('append',boxes);     
     })
 
   });
diff --git a/jquery.nested.js b/jquery.nested.js
index 1496cde..23d2e56 100644
--- a/jquery.nested.js
+++ b/jquery.nested.js
@@ -55,8 +55,8 @@
         },
         animate: true,
         animationOptions: {
-            speed: 50,
-            duration: 200,
+            speed: 20,
+            duration: 100,
             queue: true,
             complete: function () {}
         },
@@ -380,10 +380,7 @@
                 $currTop = $(value['$el']).offset().top;
                 $currWidth = $(value['$el']).width();
                 $currHeight = $(value['$el']).width();
-                
-                if($currTop < 1) {
-                  //$currTop = value['y'];
-                }
+              
                 
                 value['$el'].attr('data-y', $currTop).attr('data-x', $currLeft);                
                 //if animate and queue
diff --git a/js/.DS_Store b/js/.DS_Store
deleted file mode 100644
index 5008ddfcf53c02e82d7eee2e57c38e5672ef89f6..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6148
zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3
zem<@ulZcFPQ@L2!n>{z**<q8>++&mCkOWA81W14cNZ<zv;LbK1Poaz?KmsK2CSc!(
z0ynLxE!0092;Krf2c+FF_Fe*7ECH>lEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ
zLs35+`xjp>T0<F0fCPF1$Cyrb|F7^5{eNG?83~ZUUlGt@xh*qZDeu<Z%US-OSsOPv
j)R!Z4KLME7ReXlK;d!wEw5GODWMKRea10D2@KpjYNUI8I

diff --git a/style.css b/style.css
index 8e5e504..8c64d67 100644
--- a/style.css
+++ b/style.css
@@ -3,7 +3,7 @@ body {	background-color:#e1e1e1;
 				font-family: Arial, sans-serif;
 				font-size:11px;
 				line-height: 14px;
-				padding:0px;
+				padding:1px;
 				margin:0px;	
 				}
 
@@ -13,10 +13,35 @@ body {	background-color:#e1e1e1;
   		  -khtml-border-radius: 3px;
 				-webkit-border-radius:3px;
 				border-radius:3px;
-				}
+
+ 
+-webkit-transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
+   -moz-transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
+    -ms-transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
+     -o-transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
+        transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
+        
+  -webkit-transition-property: left, right, top;
+     -moz-transition-property: left, right, top;
+      -ms-transition-property: left, right, top;
+       -o-transition-property: left, right, top;
+          transition-property: left, right, top;
+
+
+                 
+        				}
 			
-#firstbox { background: red; }
-#secondbox { background: yellow }
+#container { background: red }
 
 .size21, .size22, .size23, .twocols { background: #ccc }
-.size31, .size32, .size33, .threecols { background: #ff9999 }
\ No newline at end of file
+.size31, .size32, .size33, .threecols { background: #ff9999 }
+
+a.btn {
+  margin-right: 1px;
+  line-height: 30px;
+  height: 30px;
+  cursor: pointer;
+  display: inline-block;
+  width: 75px;
+  color: red;
+}
\ No newline at end of file
