/*
 * call kompete web service
 * obtain list of featured projects
 * display in box on home page
 * 
 */

/*
 * store JSON string containing list of featured projects from kompete
 */
var featuredProjects;

$(document).ready(function() {
	jQuery.getJSON("http://kompete.gardendigital.com/featured?callback=?", showPrice);
});

  

function showPrice (json){
	
	var out = "";
	for (x in json){
		out = out + x + "\n";
		for (y in json[x]){
			
		out = out + y + "\n";
		
			for (z in json[x][y]){
				out = out + z + " = " + json[x][y][z] + "\n";
				
			}
			
		}
	}	 
 	featuredProjects = json['projects'];
	init_kompete_carousel();
 
}

  


/* kompete featured project carousel */

var proj_qty = -1;
var proj_slides;
var proj_current_slide = -1;
var proj_slide_interval;

var proj_tn = $('#kompete_proj_tn');
var proj_info = $('#kompete_proj_tn');

function init_kompete_carousel() {

    //retrieve image filenames from hidden input fields on page
    proj_qty = featuredProjects.length;
    if (proj_qty > 0) {
        proj_slide_interval = setInterval(carousel_rotate, 6000);
		carousel_rotate();
    }
}


function carousel_rotate(){
	proj_current_slide++;
    if (proj_current_slide == proj_qty) {
        proj_current_slide = 0;
    }
	carousel_render_elements(proj_current_slide);
	
}

function carousel_render_elements(n) {
	
	
	var title = featuredProjects[n]['title'];
	var comp = featuredProjects[n]['competition'];
	var firm = featuredProjects[n]['firm'];
	var team = featuredProjects[n]['team'];
	var image = featuredProjects[n]['image'];
	var nid = featuredProjects[n]['nid'];
	
	var img = $('<a href="http://kompete.gardendigital.com/node/' + nid + '" target="_blank"><img src="' + image +'"/></a>');
	img.hide();
	$('#kompete_proj_tn').empty();
	$('#kompete_proj_tn').append(img);
	img.fadeIn("slow");
	
	var credit;
	if (firm != ""){
		credit = firm;
	} else {
		credit = team;
	}
	
	
	var link = $('<a href="http://kompete.gardendigital.com/node/' + nid + '" target="_blank">' + comp + ' / ' + credit + '</a>');
	link.hide();
	
	
	
	$('#kompete_proj_info').empty();
	$('#kompete_proj_info').append(link);
	link.fadeIn("slow");
	$('#kompete_proj_details').css('backgroundColor', 'black');
	$('#kompete_featured_header').css('display', 'inline');
	$('#kompete_featured').css('display', 'inline');
	
	
}