/*

	Javascript for jQuery/JSON "Tooltip" Tutorial
	--------------------------------------
	
	Written for Webappers (www.webappers.com)
	By Zach Dunn (www.buildinternet.com)
	
*/


//JSON banner content array
var banner_data = {
	//Tooltips
	"tooltips" : [
		
		//Remember that the count starts at zero
		
		{
			//Array ID -> 0
			"Title"   : "Oh Yes", 
			"Content" : "That's some good hovering.",
			"ImageURL"   : "3m.jpg"
		},
		
		{
			//Array ID -> 1
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "basf.jpg"
		},
		{
			//Array ID -> 2
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "biostilo.jpg"
		},
		{
			//Array ID -> 3
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "cetam.jpg"
		},
		{
			//Array ID -> 4
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "hubner.jpg"
		},
		{
			//Array ID -> 5
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "marcosa.jpg"
		},
		{
			//Array ID -> 6
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "compacel.jpg"
		},
		{
			//Array ID -> 7
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "eluma.jpg"
		},
		{
			//Array ID -> 8
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "evonik.jpg"
		},
		{
			//Array ID -> 9
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "greiner.jpg"
		},
		{
			//Array ID -> 10
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "lamberti.jpg"
		},
		{
			//Array ID -> 11
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "romi.jpg"
		},
		{
			//Array ID -> 12
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "teka.jpg"
		},
		{
			//Array ID -> 13
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "tekton.jpg"
		},
		{
			//Array ID -> 14
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "tokio.jpg"
		},
		{
			//Array ID -> 15
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "buffalo.jpg"
		},
		{
			//Array ID -> 16
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "topo-social-medicina.jpg"
		},
		{
			//Array ID -> 17
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "topo-social-ong.jpg"
		},
		{
			//Array ID -> 18
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "kma-aprendendo01.jpg"
		},
		{
			//Array ID -> 19
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "kma-aprendendo02.jpg"
		},
		{
			//Array ID -> 20
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "kma-aprendendo03.jpg"
		},
		{
			//Array ID -> 21
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "basf-02.jpg"
		},
		{
			//Array ID -> 22
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "tokio-02.jpg"
		},
		{
			//Array ID -> 23
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "marcosa-01.jpg"
		},
		{
			//Array ID -> 24
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "3m-01.jpg"
		},
		{
			//Array ID -> 25
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "conpacel-topo.jpg"
		},
		{
			//Array ID -> 26
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "tokio-01.jpg"
		},
		{
			//Array ID -> 27
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "basf-01.jpg"
		},
		{
			//Array ID -> 28
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "rw3-01.jpg"
		},
		{
			//Array ID -> 29
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "evonik-01.jpg"
		},
		{
			//Array ID -> 30
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "engeprint-01.jpg"
		},
		{
			//Array ID -> 31
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "fae-01.jpg"
		},
		{
			//Array ID -> 32
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "lamberti-01.jpg"
		},
		{
			//Array ID -> 33
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "ctori-01.jpg"
		},
		{
			//Array ID -> 34
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "diretonafonte-01.jpg"
		},
		{
			//Array ID -> 35
			"Title"   : "Nice", 
			"Content" : "You found link number 2",
			"ImageURL"   : "teka-01.jpg"
		}
		
	] 
}



// Image Preloader via http://www.innovatingtomorrow.net/2008/04/30/preloading-content-jquery
jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}

//Actual jQuery starts here on document ready
$(document).ready(function() {
	
	
	//Goes through each tooltip's image URL
	for(var i = 0; i < banner_data.tooltips.length; i++){
		
		image_location = banner_data.tooltips[i].ImageURL;
		
		//Preload if location exists
		if (image_location != ''){
			$.preloadImages(image_location);
		};
		
	};
	
	
	$('a.tooltip').hover(function(){ //when hover starts
		
		//Get the ID of the current tooltip
		active_tooltip = $(this).attr('rel');
		
		//Replace the HTML in the header with data from JSON array
		$('#banner h1').html(banner_data.tooltips[active_tooltip].Title);
		$('#banner p').html(banner_data.tooltips[active_tooltip].Content);
		$('#banner').css("background-image", "url("+ banner_data.tooltips[active_tooltip].ImageURL + ")");
		$('#banner-social').css("background-image", "url("+ banner_data.tooltips[active_tooltip].ImageURL + ")");
		$('#banner-tri').css("background-image", "url("+ banner_data.tooltips[active_tooltip].ImageURL + ")");
		$('#banner-port').css("background-image", "url("+ banner_data.tooltips[active_tooltip].ImageURL + ")");
		//$('#banner img').show().attr('src', banner_data.tooltips[active_tooltip].ImageURL);
		
	},
	function(){ //When hover ends
		
		//Reset banner to defaults
		$('#banner h1').html("Go On");
		$('#banner p').html("Hover over a link below");
		$('#banner').css("background-image", '');
		$('#banner-social').css("background-image", '');
		$('#banner-tri').css("background-image", '');
		$('#banner-port').css("background-image", '');
		//$('#banner img').hide().attr('src', '');
		
	});
	
});