(function($){
    $(document).ready(function() {

     	var indexSetupUrl = 'https://spreadsheets.google.com/feeds/list/0Ah4_ByAJaqtWdFJZbF84TWN6ZlFjQWRNV3laQl9rcVE/od7/public/values?alt=json-in-script&callback=?';
     	var indexItemsUrl = 'https://spreadsheets.google.com/feeds/list/0Ah4_ByAJaqtWdFJZbF84TWN6ZlFjQWRNV3laQl9rcVE/od6/public/values?alt=json-in-script&callback=?';

		var setupUrl = null;
		var itemsUrl = null;
	
		var baseImgURL = "img/";
		var itemsJson = null;
		var itemsJsonLength = null;
		var portfolioItems = [];
		
        var sectionTitle 		=	null;
        var sectionDescription	=	null;
        var previousTitle 		=	null;
        var previousURL 		=	null;
        var nextTitle 			=	null;
        var nextURL 			=	null;
        
		$('#image1').bind("mouseover", function(e) {
			$("#image1-h3").css("color", "#ff3300")
		});
		$('image1').bind("mouseout", function(e) {
			$("#image1-h3").css("color", "#000000")
		});
		$('#rightNavHolder').bind("mouseover", function() {
			$("#rightNavCurveText").css("background-color", "#f94234");
			$("#rightNav").css("background-color", "#f94234");
			$("#rightArrowTitle").css("display", "block");
			$("#rightArrowText").css("display", "block");
		}); 
		$('#rightNavHolder').bind("mouseout", function() {
			$("#rightNavCurveText").css("background-color", "#cccccc");
			$("#rightNav").css("background-color", "#cccccc");
			$("#rightArrowTitle").css("display", "none");
			$("#rightArrowText").css("display", "none");
		}); 
		
		$('#leftNavHolder').bind("mouseover", function() {
			$("#leftNavCurveText").css("background-color", "#f94234");
			$("#leftNav").css("background-color", "#f94234");
			$("#leftArrowTitle").css("display", "block");
			$("#leftArrowText").css("display", "block");
		}); 
		$('#leftNavHolder').bind("mouseout", function() {
			$("#leftNavCurveText").css("background-color", "#cccccc");
			$("#leftNav").css("background-color", "#cccccc");
			$("#leftArrowTitle").css("display", "none");
			$("#leftArrowText").css("display", "none");
		}); 
   
       
       function init() {
     	
     	var windowLocation = (window.location).toString();
     	var indexBackSlash = windowLocation.lastIndexOf("/");
     	var indexPeriod = windowLocation.lastIndexOf(".");
     	var set = windowLocation.slice(indexBackSlash + 1, indexPeriod );
     	
     	if(set.lastIndexOf('-') > 0) {
     		set = set.slice(0, set.indexOf('-')) + set.slice(set.indexOf('-') + 1);
     	}

     	if(set.lastIndexOf('-') > 0) {
     		set = set.slice(0, set.indexOf('-')) + set.slice(set.indexOf('-') + 1);
     	}
     	
     	
     //	console.log(indexBackSlash  + "indexBackSlash");
     //	if(set == "") {
   		set = "index";
    // 	}
     	setupUrl = eval(set + "SetupUrl");
     	itemsUrl = eval(set + "ItemsUrl");


     	getJSON(setupUrl);
     	
     }
     function getJSON(setupJSON) {
     		
      		$.getJSON(setupUrl,  function(data) {
 				
 				for( var l in data.feed.entry ) {
            		var entry = data.feed.entry[ l ];
        				
        				sectionTitle 		=	entry.gsx$sectiontitle.$t;
        				sectionDescription	= 	entry.gsx$sectiondescription.$t;
        				previousTitle 		= 	entry.gsx$previoustitle.$t;
        				previousURL 		= 	entry.gsx$previousurl.$t;
        				nextTitle 			= 	entry.gsx$nexttitle.$t;
        				nextURL 			= 	entry.gsx$nexturl.$t;
				};
				setupPage();
				
			});
		}
		function setupPage() {
			
			$('#leftArrowText').html(previousTitle);
			$('#rightArrowText').html(nextTitle);
			$('#sectionTitle').html(sectionTitle);
			$('#sectionExplanation').html(sectionDescription);
			
		}
		function addItems() {
		
			var items = portfolioItems;	
				
				for (var i = 0; i<items.length; i++) {
					
					var appendString = '<div class="portfolioItem"><div class="image"><img src="'+ baseImgURL + items[i].imgSrc + '"/></div>';
					
					if(items[i].attribution != "") {
						appendString += '<p class="attribution">' +  items[i].attribution + '</p>';
					}
					if(items[i].title != "") {
						appendString += '<h2 class="title">' +  items[i].title + '</h2>';
					}
					if(items[i].description != "") {
						appendString += '<p class="description">' +  items[i].description + '</p>';
					}
					if(items[i].url != "") {
						appendString += '<a href="' + items[i].url +'" class="visitProject">Visit project</a>';
					}
					appendString += '</div>';
					
					$('#contentWell').append(appendString);				
				}
		
		}
		
		$('#leftNavHolder').bind("click", function() {
 			window.location = previousURL;
		}); 
		
		$('#rightNavHolder').bind("click", function() {
 			window.location = nextURL;
		}); 
      	
      	init();
    });
})(jQuery);