gallery = { 
	
	init: function(){
	
		iTotalFeatures = $("#features_list li").length;
		iFeaturesRight = 4;		
		checkButtons(true, "#feature_arrows .rev a", "#feature_arrows .fwd a", iFeaturesRight, iTotalFeatures, 4);

		$("#features_list li").click(function(){
			$("#features_list li").removeClass("feature_selected");
			$(this).addClass("feature_selected");

			var now = $(this).attr("id");
			if( now == 'feature_item_0' ){
				$('#feature_car').show(0);
				$('#feature_car_extra').show(0);
			} else {
				$('#feature_car').hide(0);
				$('#feature_car_extra').hide(0);
			}
			$("#feature_panes li.selected").removeClass("selected").fadeOut('fast',function(){
				$("#feature_panes li#"+now+"_pane").fadeIn("fast").addClass("selected");
			});
		});
		
		$("#feature_arrows .rev a").click(function(event){ iFeaturesRight = moveFrames("#features_list_wrapper", 173, 'left', iTotalFeatures, 4, iFeaturesRight); checkButtons(true, "#feature_arrows .rev a", "#feature_arrows .fwd a", iFeaturesRight, iTotalFeatures, 4); return false; });
		$("#feature_arrows .fwd a").click(function(event){ iFeaturesRight = moveFrames("#features_list_wrapper", 173, 'right', iTotalFeatures, 4, iFeaturesRight); checkButtons(true, "#feature_arrows .rev a", "#feature_arrows .fwd a", iFeaturesRight, iTotalFeatures, 4); return false; });
	}
}

function checkButtons(isHorizontal, stLeftArrowID, stRightArrowID, iRightFeature, iTotalFeatures, iQuantityVisible){
	if(isHorizontal){if(iRightFeature >= iTotalFeatures){ $(stRightArrowID).removeClass('on').addClass('off'); }else{ $(stRightArrowID).removeClass('off').addClass('on'); }if((iRightFeature-iQuantityVisible) > 0){ $(stLeftArrowID).removeClass('off').addClass('on'); }else{ $(stLeftArrowID).removeClass('on').addClass('off'); }}else{if(iRightFeature >= (iTotalFeatures-1)){ $(stRightArrowID).removeClass('on').addClass('off'); }else{ $(stRightArrowID).removeClass('off').addClass('on'); }if((iRightFeature-iQuantityVisible) > 0){ $(stLeftArrowID).removeClass('off').addClass('on'); }else{ $(stLeftArrowID).removeClass('on').addClass('off'); }}
}

function moveFrames(stFrameID, iFrameWidth, stDirection, iTotalQuantity, iMoveAmount, iCurrentEdgeElement){
	if(stDirection == 'right'){ iFeaturesLeft = iTotalQuantity-(iCurrentEdgeElement); if(iFeaturesLeft <= 0){ return iCurrentEdgeElement; } if(iMoveAmount >= iFeaturesLeft){ iMoveAmount = iFeaturesLeft; } iCurrentEdgeElement += iMoveAmount; if(iCurrentEdgeElement >= iTotalQuantity){ iCurrentEdgeElement = iTotalQuantity; } iFullMove = iMoveAmount*iFrameWidth; $(stFrameID).animate({"left": "-="+iFullMove+"px"}, "slow"); }else if (stDirection == 'left'){ if(iCurrentEdgeElement == iMoveAmount){ return iCurrentEdgeElement; }else if((iCurrentEdgeElement-iMoveAmount) > iMoveAmount){ iShiftAmount = iMoveAmount;  }else{ iShiftAmount = (iCurrentEdgeElement-iMoveAmount); } iFullMove = iShiftAmount*iFrameWidth; $(stFrameID).animate({"left": "+="+iFullMove+"px"}, "slow"); iCurrentEdgeElement -= iShiftAmount; } else { iCurrentEdgeElement = 4; $(stFrameID).animate({"left": "0px"}, "slow"); } return iCurrentEdgeElement; 
}

$(document).ready(function() {

	$.ajax({

		 type: "GET",
		 url: xmlGaleria,
		 dataType: "xml",
		 success: function(xml) {		 
			i=1;	
			var path =  $(xml).find("galeria").attr("path");
			$(xml).find("item").each(function(){
				
				var descricao =  $(this).find("descricao").text();
				var imagem =  $(this).find("imagem").text();
				
				    $("<li id='feature_item_"+i+"'></li>").html("<img src='"+ path + "thumb_" +imagem +".jpg' />").appendTo("#features_list");
					$("<li id='feature_item_"+i+"_pane'></li>").html("<img src='"+ path + imagem +".jpg' />").appendTo("#feature_panes");
				
				i++;
			 });

            Cufon.replace('.fontCitroenLight', { fontFamily: 'Citroen Light' });
            Cufon.replace('.fontCitroen', { fontFamily: 'Citroen' });
			
			gallery.init();

		}

	 });	 

});