Terminada

git-svn-id: https://192.168.0.254/svn/Proyectos.CasaCastanedo_Web/trunk@2 672005e9-e1b1-844b-8f39-fee698d4bff2

src/css/estilos.css

@@ -0,0 +1,139 @@
+@charset "utf-8";
+* {
+	margin: 0;
+	padding: 0;
+}
+html {
+	background-color: #1d4569;
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	font-size: 12px;
+	color: #fff;
+}
+h1, h2, h3, h4, h5, h6 {
+	color: #08385d;
+}
+a {
+	color: #FFF;
+	text-decoration: none;
+	font-size: 90%;
+}
+a:hover {
+	color: #FF9900;
+}
+a span {
+	color: #FFFF00;
+	text-transform: uppercase;
+}
+.clear {
+	clear: both;
+}
+.columna {
+	width: 512px;
+	height: 100%;
+}
+.izquierda {
+	float: left;
+}
+.derecha {
+	float: right;
+}
+.oculto {
+	height: 0;
+	text-indent: -9000%;	
+}
+#layout {
+	margin: 8px auto 0 auto;
+	width: 1024px;
+}
+#cabecera {
+	width: 100%;
+	height: 96px;	
+	margin: 0 auto;
+	background: url(../imagenes/bg_cabecera.png) no-repeat;
+	position: relative;	
+	text-indent: -9000%;	
+	border-bottom: 7px solid #fff;
+}
+
+	#cabecera h1 a {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 500px;
+		height: 96px;
+	}
+
+#cuerpo {
+	width: 100%;
+	clear: both;
+	position: relative;
+	height: 432px;
+	border-bottom: 6px solid #fff;
+}
+#cuerpo span {
+	display: block;
+	width: 0;
+	height: 0;
+	overflow: hidden;
+}
+#pie {
+	clear: both;
+	width: 100%;
+	height: 34px;
+	color: #fff;
+	font-weight: normal;
+	position: relative;
+}
+#pie.inicio {
+	background-color: #fff;
+}
+#pie .izquierda {
+	width: 256px;
+}
+#pie .derecha {
+	width: 768px;
+}
+#pie p {
+	line-height: 32px;
+}
+#pie .icono {
+	float: left;
+	width: 32px;
+	height: 32px;
+	margin-top: 2px;
+}
+#pie #facebook {
+	margin-left: 50px;
+}
+#pie #twitter, #pie #flickr {
+	margin-left: 5px;
+}
+#pie #email {
+	float: right;
+	position: absolute;
+	right: 23px;
+	top: -2px;
+}
+.slider-wrapper {
+	position: absolute;
+	width: 100%;
+	height: 426px;
+}
+#slideshow {
+	position: relative;
+	height: 426px;
+}
+#slideshow img {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 8;
+	opacity: 0.0;
+}
+#slideshow img.active {
+	z-index: 10;
+	opacity: 1.0;
+}
+#slideshow img.last-active {
+	z-index: 9;
+}

src/css/menu.css

@@ -0,0 +1,32 @@
+@charset "utf-8";
+
+#menu {
+	list-style: none;
+	padding: 0;
+	margin: 55px 35px 0 0;
+	width: 285px;
+	height: 30px;
+	position: absolute;
+	top: 0; 
+	right: 0;
+}
+
+#menu li, #menu a {
+	outline: none;
+	display: block;
+	height: 30px;
+	text-indent: -9000%;
+	float: left;
+}
+#menu a {
+	width: 100%;
+}
+#menu li.ubicacion {
+	width: 105px;
+}
+#menu li.datos {
+	width: 94px;
+}
+#menu li.fotos {
+	width: 80px;
+}

src/css/nivo-slider.css

@@ -0,0 +1,217 @@
+/*
+
+ * jQuery Nivo Slider v3.0.1
+
+ * http://nivo.dev7studios.com
+
+ *
+
+ * Copyright 2012, Dev7studios
+
+ * Free to use and abuse under the MIT license.
+
+ * http://www.opensource.org/licenses/mit-license.php
+
+ */
+
+ 
+
+/* The Nivo Slider styles */
+
+.nivoSlider {
+
+	position:relative;
+
+	width:100%;
+
+	height:438px;
+
+	overflow: hidden;
+
+}
+
+.nivoSlider img {
+
+	position:absolute;
+
+	top:0px;
+
+	left:0px;
+
+}
+
+.nivo-main-image {
+
+	display: block !important;
+
+	position: relative !important; 
+
+	width: 100% !important;
+
+}
+
+
+
+/* If an image is wrapped in a link */
+
+.nivoSlider a.nivo-imageLink {
+
+	position:absolute;
+
+	top:0px;
+
+	left:0px;
+
+	width:100%;
+
+	height:100%;
+
+	border:0;
+
+	padding:0;
+
+	margin:0;
+
+	z-index:6;
+
+	display:none;
+
+}
+
+/* The slices and boxes in the Slider */
+
+.nivo-slice {
+
+	display:block;
+
+	position:absolute;
+
+	z-index:5;
+
+	height:100%;
+
+	top:0;
+
+}
+
+.nivo-box {
+
+	display:block;
+
+	position:absolute;
+
+	z-index:5;
+
+	overflow:hidden;
+
+}
+
+.nivo-box img { display:block; }
+
+
+
+/* Caption styles */
+
+.nivo-caption {
+
+	position:absolute;
+
+	left:0px;
+
+	bottom:0px;
+
+	background:#000;
+
+	color:#fff;
+
+	width:100%;
+
+	z-index:8;
+
+	padding: 5px 10px;
+
+	opacity: 0.8;
+
+	overflow: hidden;
+
+	display: none;
+
+	-moz-opacity: 0.8;
+
+	filter:alpha(opacity=8);
+
+	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
+
+	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
+
+	box-sizing: border-box;         /* Opera/IE 8+ */
+
+}
+
+.nivo-caption p {
+
+	padding:5px;
+
+	margin:0;
+
+}
+
+.nivo-caption a {
+
+	display:inline !important;
+
+}
+
+.nivo-html-caption {
+
+    display:none;
+
+}
+
+/* Direction nav styles (e.g. Next & Prev) */
+
+.nivo-directionNav a {
+
+	position:absolute;
+
+	top:45%;
+
+	z-index:9;
+
+	cursor:pointer;
+
+}
+
+.nivo-prevNav {
+
+	left:0px;
+
+}
+
+.nivo-nextNav {
+
+	right:0px;
+
+}
+
+/* Control nav styles (e.g. 1,2,3...) */
+
+.nivo-controlNav {
+
+	text-align:center;
+
+	padding: 15px 0;
+
+}
+
+.nivo-controlNav a {
+
+	cursor:pointer;
+
+}
+
+.nivo-controlNav a.active {
+
+	font-weight:bold;
+
+}

src/css/reset.css

@@ -0,0 +1,2 @@
+/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

src/css/themes/default/default.css

@@ -0,0 +1,171 @@
+/*
+
+Skin Name: Nivo Slider Default Theme
+
+Skin URI: http://nivo.dev7studios.com
+
+Skin Type: flexible
+
+Description: The default skin for the Nivo Slider.
+
+Version: 1.2
+
+Author: Gilbert Pellegrom
+
+Author URI: http://dev7studios.com
+
+*/
+
+
+
+.theme-default .nivoSlider {
+
+	clear:both;
+
+	position:relative;
+
+	background:#fff url(loading.gif) no-repeat 50% 50%;
+
+    margin-top:36px;
+
+}
+
+.theme-default .nivoSlider img {
+
+	position:absolute;
+
+	top:0px;
+
+	left:0px;
+
+	display:none;
+
+}
+
+.theme-default .nivoSlider a {
+
+	border:0;
+
+	display:block;
+
+}
+
+
+
+.theme-default .nivo-controlNav {
+
+	text-align: center;
+
+	padding: 10px 0 4px 0;
+
+	position: absolute;
+
+	top:0;
+
+	width: 100%;
+
+}
+
+.theme-default .nivo-controlNav a {
+
+	display:inline-block;
+
+	width:22px;
+
+	height:22px;
+
+	border:0;
+
+	margin: 0 2px;
+
+}
+
+.theme-default .nivo-controlNav a.active {
+
+	font-weight: bold;
+
+}
+
+
+
+.theme-default .nivo-directionNav a {
+
+	display:block;
+
+	width:30px;
+
+	height:30px;
+
+	background:url(arrows.png) no-repeat;
+
+	text-indent:-9999px;
+
+	border:0;
+
+}
+
+.theme-default a.nivo-nextNav {
+
+	background-position:-30px 0;
+
+	right:15px;
+
+}
+
+.theme-default a.nivo-prevNav {
+
+	left:15px;
+
+}
+
+
+
+.theme-default .nivo-caption {
+
+    font-family: Helvetica, Arial, sans-serif;
+
+}
+
+.theme-default .nivo-caption a {
+
+    color:#fff;
+
+    border-bottom:1px dotted #fff;
+
+}
+
+.theme-default .nivo-caption a:hover {
+
+    color:#fff;
+
+}
+
+
+
+.theme-default .nivo-controlNav.nivo-thumbs-enabled {
+
+	width: 100%;
+
+}
+
+.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
+
+	width: auto;
+
+	height: auto;
+
+	background: none;
+
+	margin-bottom: 5px;
+
+}
+
+.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
+
+	display: block;
+
+	width: 120px;
+
+	height: auto;
+
+}

src/datos.html

@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Language" content="es"/>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>Datos de Casa Castanedo - Casona en venta en Cantabria</title>
+
+<link href="css/reset.css" rel="stylesheet" type="text/css" />
+<link href="css/estilos.css" rel="stylesheet" type="text/css" />
+<link href="css/menu.css" rel="stylesheet" type="text/css" />
+<link href="css/nivo-slider.css" rel="stylesheet" type="text/css" />
+<link href="css/themes/default/default.css" rel="stylesheet" type="text/css" />
+
+<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
+
+<meta name="keywords" content="venta casa,venta casa castanedo, castanedo, venta casa cantabria, casa en venta castanedo, casona, casona en venta, casona en venta castanedo, jardin castanedo, castanedo cantabria, vende cantabria, vende castanedo, vende castanedo, se vende en castanedo, se vende cantabria, se vende casona castanedo. venta csa costa cantabria, vende santander, se vende casa santander, santander"/>
+<meta name="description" content="Se vende casona en la costa de Cantabria a 4 kilometros de la playa, pueblo de Castanedo, a dos kms de Somo. 20 kms de Santander.Amplio jardin, habitable, con posibles reformas, Superficie total:8.373,75 m2. Casona que consta de 13 habitaciones 3 salones y cocina completa.Casa anexa de 3 plantas (necesita rehabilitación),garaje para 7 coches. Jardin cerrado.Huerta de 2500 m de terreno (urbano)cerrada en piedra y cenador con chimenea."/>
+</head>
+
+<body>
+<div id="layout">
+  <div id="cabecera"><span></span>
+    <h1><a href="index.html">Casa Castanedo</a></h1>
+    <h2>Se vende</h2>
+    <p>Info. 636 199 805</p>
+    <ul id="menu">
+      <li class="ubicacion"><a target="_blank" title="Ubicación de la Casa Castanedo" href="https://maps.google.es/maps?q=43.44573,-3.700575&ll=43.445899,-3.699979&spn=0.001305,0.004823&num=1&t=h&z=18&layer=c&cbll=43.445898,-3.699976&panoid=XUDQwxy_R3u88GvGoycXew&cbp=11,175.12,,0,1"><span>Ubicación</span></a></li>
+      <li class="datos active"><a href="datos.html"><span>Datos</span></a></li>
+      <li class="fotos"><a href="fotos.html"><span>Fotos</span></a></li>
+    </ul>
+  </div>
+  <div id="cuerpo" class="datos">
+        <span class="oculto">
+            Superficie total: 8.373,75 m2.     
+            Casona que consta de 13 habitaciones, 3 salones y cocina completa.
+            Casa anexa de 3 plantas (necesita rehabilitación), garaje para 7 coches.
+            Jardín cerrado. Huerta de 2500 m de terreno (urbano) cerrada en piedra y cenador con chimenea.
+            Distancias aproximadas:
+            A 4 minutos de la playa.
+            A 20 minutos de Santander.
+            A 45 minutos de Bilbao.
+        </span>
+        <div id="slider"> 
+        	<img src="imagenes/INFOR.jpg" alt="Datos de Casa Castanedo" /> 
+        </div>
+  </div>
+  <div id="pie">
+  </div>
+</div>
+<script type="text/javascript">
+
+  var _gaq = _gaq || [];
+  _gaq.push(['_setAccount', 'UA-36980976-1']);
+  _gaq.push(['_trackPageview']);
+
+  (function() {
+    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+  })();
+
+</script>
+</body>
+</html>

src/fotos.html

@@ -0,0 +1,83 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Language" content="es"/>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>Fotos de Casa Castanedo - Casona en venta en Cantabria</title>
+
+<link href="css/reset.css" rel="stylesheet" type="text/css" />
+<link href="css/estilos.css" rel="stylesheet" type="text/css" />
+<link href="css/menu.css" rel="stylesheet" type="text/css" />
+<link href="css/nivo-slider.css" rel="stylesheet" type="text/css" />
+<link href="css/themes/default/default.css" rel="stylesheet" type="text/css" />
+
+<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
+<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
+
+<meta name="keywords" content="venta casa,venta casa castanedo, castanedo, venta casa cantabria, casa en venta castanedo, casona, casona en venta, casona en venta castanedo, jardin castanedo, castanedo cantabria, vende cantabria, vende castanedo, vende castanedo, se vende en castanedo, se vende cantabria, se vende casona castanedo. venta csa costa cantabria, vende santander, se vende casa santander, santander"/>
+<meta name="description" content="Se vende casona en la costa de Cantabria a 4 kilometros de la playa, pueblo de Castanedo, a dos kms de Somo. 20 kms de Santander.Amplio jardin, habitable, con posibles reformas, Superficie total:8.373,75 m2. Casona que consta de 13 habitaciones 3 salones y cocina completa.Casa anexa de 3 plantas (necesita rehabilitación),garaje para 7 coches. Jardin cerrado.Huerta de 2500 m de terreno (urbano)cerrada en piedra y cenador con chimenea."/>
+</head>
+
+<body>
+<div id="layout">
+  <div id="cabecera"><span></span>
+    <h1><a href="index.html">Casa Castanedo</a></h1>
+    <h2>Se vende</h2>
+    <p>Info. 636 199 805</p>
+    <ul id="menu">
+      <li class="ubicacion"><a target="_blank" title="Ubicación de la Casa Castanedo" href="https://maps.google.es/maps?q=43.44573,-3.700575&ll=43.445899,-3.699979&spn=0.001305,0.004823&num=1&t=h&z=18&layer=c&cbll=43.445898,-3.699976&panoid=XUDQwxy_R3u88GvGoycXew&cbp=11,175.12,,0,1"><span>Ubicación</span></a></li>
+      <li class="datos"><a href="datos.html"><span>Datos</span></a></li>
+      <li class="fotos active"><a href="fotos.html"><span>Fotos</span></a></li>
+    </ul>
+  </div>
+  <div id="cuerpo" class="fotos">
+    <div class="slider-wrapper theme-default">
+      <div id="slider" class="nivoSlider"> 
+      	<img src="imagenes/galeria/casa-castanedo-fachada.jpg" alt="Casa Castanedo" />
+      	<img src="imagenes/galeria/casa-castanedo-jardin.jpg" alt="Jardín de la casa Castanedo" />
+      	<img src="imagenes/galeria/casa-castanedo-jardin-pozo.jpg" alt="Jardín de la casa Castanedo" />
+      	<img src="imagenes/galeria/casa-castanedo.jpg" alt="Casa Castanedo" />
+      	<img src="imagenes/galeria/casa-castanedo-jardin-2.jpg" alt="Jardín de la casa Castanedo" />
+      	<img src="imagenes/galeria/casa-castanedo-jardin-3.jpg" alt="Jardín de la casa Castanedo" />
+      	<img src="imagenes/galeria/casa-castanedo-fachada-2.jpg" alt="Casa Castanedo" />        
+      	<img src="imagenes/galeria/casa-castanedo-2.jpg" alt="Casa Castanedo" />
+      	<img src="imagenes/galeria/casa-castanedo-3.jpg" alt="Casa Castanedo" />
+      	<img src="imagenes/galeria/casa-castanedo-interior.jpg" alt="Casa Castanedo, interior" />
+      	<img src="imagenes/galeria/casa-castanedo-4.jpg" alt="Casa Castanedo" />
+      	<img src="imagenes/galeria/casa-castanedo-foto-aerea.jpg" alt="Foto aérea de Casa Castanedo" />
+      	<img src="imagenes/galeria/casa-castanedo-foto-aerea-2.jpg" alt="Foto aérea de Casa Castanedo" />
+      	<img src="imagenes/galeria/casa-castanedo-5.jpg" alt="Casa Castanedo" />
+      	<img src="imagenes/galeria/casa-castanedo-plano.jpg" alt="Plano de Casa Castanedo" />
+      	<img src="imagenes/galeria/casa-castanedo-interior-2.jpg" alt="Casa Castanedo, interior" />
+      </div>
+      <div id="htmlcaption" class="nivo-html-caption"> </div>
+    </div>
+  </div>
+  <div id="pie">
+  </div>
+</div>
+<script type="text/javascript">
+    $(window).load(function() {
+        $('#slider').nivoSlider({
+			prevText: '<',
+        	nextText: '>',
+			pauseTime: 5000,
+			pauseOnHover: false,
+		});
+    });
+</script> 
+<script type="text/javascript">
+
+  var _gaq = _gaq || [];
+  _gaq.push(['_setAccount', 'UA-36980976-1']);
+  _gaq.push(['_trackPageview']);
+
+  (function() {
+    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+  })();
+
+</script>
+</body>
+</html>

src/index.html

@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Language" content="es"/>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>Casa Castanedo - Casona en venta en Cantabria</title>
+
+<link href="css/reset.css" rel="stylesheet" type="text/css" />
+<link href="css/estilos.css" rel="stylesheet" type="text/css" />
+<link href="css/menu.css" rel="stylesheet" type="text/css" />
+<link href="css/nivo-slider.css" rel="stylesheet" type="text/css" />
+<link href="css/themes/default/default.css" rel="stylesheet" type="text/css" />
+
+<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
+
+<meta name="keywords" content="venta casa,venta casa castanedo, castanedo, venta casa cantabria, casa en venta castanedo, casona, casona en venta, casona en venta castanedo, jardin castanedo, castanedo cantabria, vende cantabria, vende castanedo, vende castanedo, se vende en castanedo, se vende cantabria, se vende casona castanedo. venta csa costa cantabria, vende santander, se vende casa santander, santander"/>
+<meta name="description" content="Se vende casona en la costa de Cantabria a 4 kilometros de la playa, pueblo de Castanedo, a dos kms de Somo. 20 kms de Santander.Amplio jardin, habitable, con posibles reformas, Superficie total:8.373,75 m2. Casona que consta de 13 habitaciones 3 salones y cocina completa.Casa anexa de 3 plantas (necesita rehabilitación),garaje para 7 coches. Jardin cerrado.Huerta de 2500 m de terreno (urbano)cerrada en piedra y cenador con chimenea."/>
+</head>
+
+<body>
+<div id="layout">
+  <div id="cabecera"><span></span>
+    <h1><a href="index.html">Casa Castanedo</a></h1>
+    <h2>Se vende</h2>
+    <p>Info. 636 199 805</p>
+    <ul id="menu">
+      <li class="ubicacion"><a target="_blank" title="Ubicación de la Casa Castanedo" href="https://maps.google.es/maps?q=43.44573,-3.700575&ll=43.445899,-3.699979&spn=0.001305,0.004823&num=1&t=h&z=18&layer=c&cbll=43.445898,-3.699976&panoid=XUDQwxy_R3u88GvGoycXew&cbp=11,175.12,,0,1"><span>Ubicación</span></a></li>
+      <li class="datos"><a href="datos.html"><span>Datos</span></a></li>
+      <li class="fotos"><a href="fotos.html"><span>Fotos</span></a></li>
+    </ul>
+  </div>
+  <div id="cuerpo" class="index">
+      <div id="slider"> 
+      	<img src="imagenes/00-CASA.jpg" alt="Casa Castanedo" /> 
+      </div>
+  </div>
+  <div id="pie">
+  </div>
+</div>
+</body>
+</html>

src/js/js.js

@@ -0,0 +1 @@
+function slideSwitch(){var $active=$('#slideshow img.active');if($active.length==0)$active=$('#slideshow img:last');var $next=$active.next().length?$active.next():$('#slideshow img:first');var $sibs=$active.siblings();var rndNum=Math.floor(Math.random()*$sibs.length);var $next=$($sibs[rndNum]);$active.addClass('last-active');$next.css({opacity:0.0}).addClass('active').animate({opacity:1.0},1000,function(){$active.removeClass('active last-active')})}$(function(){setInterval("slideSwitch()",5000)});

src/js/js.max.js

@@ -0,0 +1,27 @@
+function slideSwitch() {
+    var $active = $('#slideshow img.active');
+
+    if ( $active.length == 0 ) $active = $('#slideshow img:last');
+
+    // use this to pull the images in the order they appear in the markup
+    var $next =  $active.next().length ? $active.next()
+        : $('#slideshow img:first');
+
+    // uncomment the 3 lines below to pull the images in random order
+    var $sibs  = $active.siblings();
+    var rndNum = Math.floor(Math.random() * $sibs.length );
+    var $next  = $( $sibs[ rndNum ] );
+
+
+    $active.addClass('last-active');
+
+    $next.css({opacity: 0.0})
+        .addClass('active')
+        .animate({opacity: 1.0}, 1000, function() {
+            $active.removeClass('active last-active');
+        });
+}
+
+$(function() {
+    setInterval( "slideSwitch()", 5000 );
+});