// JavaScript Document

$(document).ready(function() {					   
		
	var carousel;
	var slide = 0;
	var img_path= 'http://cabinsincolumbine.com/';
		
	$.getJSON(cabins_url,function(json) {
    	carousel = json; 
		preloadImages(carousel);   
	});
	
	function preloadImages(carousel) {
		$.each(carousel, function(i,item) {
			new Image().src = carousel[i]['URL'];					 
		});
		FadeInSlide(carousel); 
	}
		
	function FadeInSlide(carousel) { 
		if(slide==carousel.length)  slide=0;
		var ShowSlide = function () { $('#cabins').show(); };
		var FadeInWord = function () { $('.cabin_title').fadeIn(500); };
		var FadeInPhrase = function () { $('.cabin_image').fadeIn(500); };
		var FadeOut = function () { FadeOutSlide(carousel) };
		if(carousel[slide]['Link']=='Gold-Camp-Cabin')  var Title = 'Gold Camp Cabin';
		else  var Title = carousel[slide]['Link'].replace("-", " ");
		
		$('#cabins').html(	'<a href="' + img_path + 'colorado-cabin-rentals/?cabin=' + carousel[slide]['Link'] + '/" ' +
						  'title="Rent ' + Title +' in Steamboat Colorado">	' +
						  		'<h3>' + Title +'</h3>' +
            '<img src="' + carousel[slide]['URL'] +'"    /><br/>' +
        	'<div class="textRight">More Info</div>' +
        '</a>');
		Cufon.replace('h3', { fontFamily: 'TrajanPro-Regular' });
		setTimeout(ShowSlide,10);
		setTimeout(FadeInWord,10);
		setTimeout(FadeInPhrase,500);
		setTimeout(FadeOut,4500);
	}
		
	function FadeOutSlide(carousel) {   
		var FadeIn = function () { FadeInSlide(carousel) };
		var HideWord = function () { $('.cabin_title').hide(); };
		var HidePhrase = function () { $('.cabin_image').hide(); };
		var HideSlide = function () { $('#cabins').hide(); };
		$('#cabins').fadeOut(500);
		slide++;
		setTimeout(HideWord,510);
		setTimeout(HidePhrase,510);
		setTimeout(HideSlide,510);
		setTimeout(FadeIn,1510);
	}
})