/*
 *
 * Built upon jQuery 1.2.6 (http://jquery.com)
 */

	ALERT.TabBar.jQuery.preloadImages = function()
	{
	  for(var i = 0; i<arguments.length; i++)
	  {
		  ALERT.TabBar.jQuery("<img>").attr("src", arguments[i]);
	  }
	}	
	ALERT.TabBar.jQuery.preloadImages(
			imagesPath+'geral_on.jpg',
			imagesPath+'curva_direita-on.jpg',
			imagesPath+'geral_off.jpg',
			imagesPath+'curva_esquerda-direita.jpg',			
			imagesPath+'curva_esquerda-on.jpg',
			imagesPath+'centro_on.jpg',			
			imagesPath+'centro_off.jpg',			
			imagesPath+'senior_direita-on.jpg',			
			imagesPath+'centro_off.jpg',			
			imagesPath+'senior_direita-off.jpg',			
			imagesPath+'geral_on-rollover.jpg',
			imagesPath+'curva_esquerda-on-over.jpg',
			imagesPath+'curva_direita-on-rollover.jpg',		
			imagesPath+'curva_direita-on-over.jpg',
			imagesPath+'curva_esquerda-on-rollover.jpg',		
			imagesPath+'centro_on-rollover.jpg',
			imagesPath+'senior_direita-on-rollover.jpg');		

// REP of images > images for the normal state
var tabTree = new Array();

tabTree[1] = new Array(2);
if (selectedTab==1) { 			
	tabTree[1][0] = imagesPath+'geral_on.jpg';
	tabTree[1][1] = imagesPath+'curva_direita-on.jpg';			
} else {
	tabTree[1][0] = imagesPath+'geral_off.jpg';
	tabTree[1][1] = imagesPath+'curva_esquerda-direita.jpg';			
}		

for (i=3;i<=11;i=i+2) {
	tabTree[i] = new Array(3);
	if (selectedTab==i) {				 			
		tabTree[i][0] = imagesPath+'curva_esquerda-on.jpg';
		tabTree[i][1] = imagesPath+'centro_on.jpg';			
		tabTree[i][2] = imagesPath+'curva_direita-on.jpg';			
	} else {
		if ((selectedTab)==(i-2))
			tabTree[i][0] = imagesPath+'curva_direita-on.jpg';
		else
			tabTree[i][0] = imagesPath+'curva_esquerda-direita.jpg';
		tabTree[i][1] = imagesPath+'centro_off.jpg';			
		tabTree[i][2] = imagesPath+'curva_esquerda-direita.jpg';			
	}
}

tabTree[13] = new Array(2);
if (selectedTab==13) { 			
	tabTree[13][0] = imagesPath+'curva_esquerda-on.jpg';
	tabTree[13][1] = imagesPath+'centro_on.jpg';			
	tabTree[13][2] = imagesPath+'senior_direita-on.jpg';			
} else {
	if (selectedTab==11)
		tabTree[13][0] = imagesPath+'curva_direita-on.jpg';
	else
		tabTree[13][0] = imagesPath+'curva_esquerda-direita.jpg';
	tabTree[13][1] = imagesPath+'centro_off.jpg';			
	tabTree[13][2] = imagesPath+'senior_direita-off.jpg';			
}		
// end of normal

// REP of images > images for the hover state
var overTabTree = new Array();

overTabTree[1] = new Array(2);
overTabTree[1][0] = imagesPath+'geral_on-rollover.jpg';
if ((selectedTab)==3)
	overTabTree[1][1] = imagesPath+'curva_esquerda-on-over.jpg';
else
	overTabTree[1][1] = imagesPath+'curva_direita-on-rollover.jpg';		

for (i=3;i<=11;i=i+2) {
	overTabTree[i] = new Array(3);
	if ((selectedTab)==(i-2))
		overTabTree[i][0] = imagesPath+'curva_direita-on-over.jpg';
	else
		overTabTree[i][0] = imagesPath+'curva_esquerda-on-rollover.jpg';		
	overTabTree[i][1] = imagesPath+'centro_on-rollover.jpg';
	if ((selectedTab)==(i+2))
		overTabTree[i][2] = imagesPath+'curva_esquerda-on-over.jpg';
	else
		overTabTree[i][2] = imagesPath+'curva_direita-on-rollover.jpg';		
}

overTabTree[13] = new Array(3);
if ((selectedTab)==11)
	overTabTree[13][0] = imagesPath+'curva_direita-on-over.jpg';
else
	overTabTree[13][0] = imagesPath+'curva_esquerda-on-rollover.jpg';		
overTabTree[13][1] = imagesPath+'centro_on-rollover.jpg';
overTabTree[13][2] = imagesPath+'senior_direita-on-rollover.jpg';
// end of hover

// let's rock
ALERT.TabBar.jQuery(document).ready(function(){
	//inits the normal imgs
		for (i=1;i<=13;i=i+2) {
			var k = 0; 
			if (i>1) {
			ALERT.TabBar.jQuery('img#bg-img-'+(i-1)).attr('src',tabTree[i][k]);
			k++;
			}									
		ALERT.TabBar.jQuery('img#bg-img-'+i).attr('src',tabTree[i][k]);
		k++;
		ALERT.TabBar.jQuery('img#bg-img-'+(i+1)).attr('src',tabTree[i][k]);
	}
	
	// hover
		ALERT.TabBar.jQuery('li.opt').hover(function() {
			el = getElementId(this.id);
			if (el!=selectedTab) {
 			if (el>1) {
 				_el = el - 1;
 				el_ = el + 1;	     				
 				_el_n = ALERT.TabBar.jQuery('img#bg-img-'+_el).attr('src');
 				el_n = ALERT.TabBar.jQuery('img#bg-img-'+el).attr('src');
 				el__n = ALERT.TabBar.jQuery('img#bg-img-'+el_).attr('src');
 				ALERT.TabBar.jQuery('img#bg-img-'+_el).attr('src',overTabTree[el][0]);
 				ALERT.TabBar.jQuery('img#bg-img-'+el).attr('src',overTabTree[el][1]);
 				ALERT.TabBar.jQuery('img#bg-img-'+el_).attr('src',overTabTree[el][2]);
  			} else {	     				
 				el_ = el + 1;
 				el_n = ALERT.TabBar.jQuery('img#bg-img-'+el).attr('src');
 				el__n = ALERT.TabBar.jQuery('img#bg-img-'+el_).attr('src');
 				ALERT.TabBar.jQuery('img#bg-img-'+el).attr('src',overTabTree[el][0]);
 				ALERT.TabBar.jQuery('img#bg-img-'+el_).attr('src',overTabTree[el][1]);	      				
  			}
  			// puts the class for the 'hand' cursor 
  			ALERT.TabBar.jQuery(this).addClass('pointer-cursor');
			}
			}, function() {
				el = getElementId(this.id);
				if (el!=selectedTab) {
					if (el>1)
 					ALERT.TabBar.jQuery('img#bg-img-'+_el).attr('src',_el_n);     				
 				ALERT.TabBar.jQuery('img#bg-img-'+el).attr('src',el_n);
 				ALERT.TabBar.jQuery('img#bg-img-'+el_).attr('src',el__n);
 				// removes the class for the 'hand' cursor
 				ALERT.TabBar.jQuery(this).removeClass('pointer-cursor');
				}
		});
		
		// returns the id of the element li 
		function getElementId(elementId) {
			//gets the last index of -
			var patt1 = new RegExp("-", "g");
			patt1.test(elementId);
			var li = patt1.lastIndex;
			//gets the number id
			var res = parseInt(elementId.substr(li,elementId.length));
			return res; 				
		}

});