jQuery(function($) {

replaceText();

// replace any item with the class "replace" with an image based on the id
function replaceText() {
	
	for (i=0; i<$(".replace").length; i++){
		replaceThis = $(".replace")[i];
		replaceThis.innerHTML = '<a href="index.html"><img id="' +replaceThis.id + '" src="images/' + replaceThis.id + '.png" alt="' + replaceThis.id + '" /></a> '
	};
	
		$(".empty").mouseover(arrowShow);
		$(".empty").mouseout(arrowHide);
	
//	$(".ellipsis").ellipsis();
	
	var servicesArray = new Array();
	var aboutArray = new Array();
	
	for (i=0; i<$("#services li").length; i++){
		servicesArray[i] = $("#services li")[i];
		servicesArray[i].style.marginLeft = i*5 + "px";
	}
	
	for (i=0; i<$("#about li").length; i++){
		aboutArray[i] = $("#about li")[i];
		aboutArray[i].style.marginLeft = -i*2 + "px";
	}
	
	
}



function arrowShow(){
	$(this).children().toggleClass('gone');
}

function arrowHide(){
	$(this).children().toggleClass('gone');
}

$("#brianfinnerty").mouseover(function(){$(".titleArrows").toggleClass('gone');});
$("#brianfinnerty").mouseout(function(){$(".titleArrows").toggleClass('gone');});

$("#webdesign").mouseover(function(){$(".subTitleArrows").toggleClass('gone');});
$("#webdesign").mouseout(function(){$(".subTitleArrows").toggleClass('gone');});

$("#tagArrow").mouseover(function(){$(".tagArrow").toggleClass('gone');});
$("#tagArrow").mouseout(function(){$(".tagArrow").toggleClass('gone');});

$("#scratch").mouseover(function(){$(".scratchArrow").toggleClass('gone');});
$("#scratch").mouseout(function(){$(".scratchArrow").toggleClass('gone');});

$("#finished").mouseover(function(){$(".finishArrow").toggleClass('gone');});
$("#finished").mouseout(function(){$(".finishArrow").toggleClass('gone');});


});