From f5f5f0041c00231bf132c29d15662ef1b38da4d4 Mon Sep 17 00:00:00 2001
From: Sanj <b@pad.ma>
Date: Wed, 5 Oct 2011 16:35:42 +0530
Subject: [PATCH] slider for projects

---
 urbstudio/templates/projects.html | 27 ++++++++++++++++++++++++---
 urbstudio/urb/models.py           |  4 +++-
 urbstudio/urb/views.py            |  1 +
 3 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/urbstudio/templates/projects.html b/urbstudio/templates/projects.html
index 01c4e15..7aa7b2d 100644
--- a/urbstudio/templates/projects.html
+++ b/urbstudio/templates/projects.html
@@ -10,7 +10,7 @@
 <script type="text/javascript" src="/static/js/jquery.simplyscroll-1.0.4.js"></script>
 
 <script type="text/javascript">
-		$(function(){
+        function activateSlides() {
 			$('#slidesDiv').slides({
 				preload: true,
 				preloadImage: 'img/loading.gif',
@@ -18,6 +18,16 @@
 				pause: 4000,
 				hoverPause: true
 			});
+        }
+
+        function getSliderElem(img) {
+//            console.log(img);
+            var $a = $('<a />').attr("href", "#");
+            var $img = $('<img />').attr("src", img.url).appendTo($a);
+            return $a;
+        }
+
+		$(function(){
 
             $('.projectThumb').click(function() {
 //                alert("hi");
@@ -33,6 +43,17 @@
                     $('#projectSizeProgram').next().html(nl2br(data.size_program));
                     $('#projectDesignStatement').next().html(nl2br(data.design_statement));
                     $('#projectExtraText').next().html(nl2br(data.extra_text));
+                    $('#slidesDiv').remove();
+                    var $container = $('#slidesDivContainer');
+                    var $div = $('<div />').attr("id", "slidesDiv").appendTo($container);
+                    var $innerContainer = $('<div />').addClass("slidesInner").appendTo($div);
+
+                    for (var i=0; i<data.images.length; i++) {
+                        var img = data.images[i];
+                        var $img = getSliderElem(img);
+                        $img.appendTo($innerContainer);
+                    }
+                    activateSlides();
                 }); 
             });
 
@@ -63,7 +84,7 @@
 {% block content %}
     <div id="galleryContainer">
     <div id="slidesContainer">
-		
+		<div id="slidesDivContainer">
         <div id="slidesDiv">
             <div class="slidesInner">
                 <a href=""><img src="/static/images/dummyimage.jpg" width="600" height="450"></a>                
@@ -74,7 +95,7 @@
 
        	      	
             </div>
-			
+	    </div>
             <a href="#" class="prev"><img src="/static/images/arrowprevious.png" width="30" height="30" alt="Arrow Prev"></a>
 			<a href="#" class="next"><img src="/static/images/arrownext.png" width="30" height="30" alt="Arrow Next"></a>
 			
diff --git a/urbstudio/urb/models.py b/urbstudio/urb/models.py
index a948536..7b0bb03 100644
--- a/urbstudio/urb/models.py
+++ b/urbstudio/urb/models.py
@@ -1,5 +1,6 @@
 from django.db import models
 from os.path import join
+from sorl.thumbnail import get_thumbnail
 
 def project_thumb_path(instance, filename):
     return join('project_thumbs', instance.slug, filename)
@@ -32,8 +33,9 @@ class Project(models.Model):
     def get_images(self):
         imgs = []
         for i in self.projectimage_set.all():
+            image_url = get_thumbnail(i.image, "x450", crop="center").url 
             imgs.append({
-                'url': i.image.url,
+                'url': image_url,
                 'caption': i.caption
             })
         return imgs
diff --git a/urbstudio/urb/views.py b/urbstudio/urb/views.py
index a7407e8..fdbbbac 100644
--- a/urbstudio/urb/views.py
+++ b/urbstudio/urb/views.py
@@ -4,6 +4,7 @@ from models import *
 import json
 from ox.django.shortcuts import render_to_json_response
 
+
 def home(request):
     return render_to_response("home.html", {})