// Copper Development Assocation, Inc. copper.org javascript file for the Applications: Architecture section

// begin image replace() AJAX function

function imageReplace(imageurl,imagecontainer,imageheight){
	var imager = imageurl;
	var containertr = imagecontainer;
	var imageh = imageheight;

	var imageelement = Builder.node('img',{id:'imageelement',src: imager});
	imageelement= $(imageelement);
	
	containerheight = $(containertr).getHeight();
	padding = Math.round((containerheight-imageh)/2);
	newpadding = padding + 'px';

	firstimagearray = 	$(containertr).childElements();

	firstimagearray.each(function(firstimagenode){
		Effect.Fade(firstimagenode,{
					duration:0.5,  
					afterFinish: function(firstimagenode){
						if(!$('imageelement')){
						}else{
							$('imageelement').remove();
						}
						$(containertr).insert(imageelement);
						$(imageelement).setStyle({marginTop: newpadding});
					}
		});
	});
	Effect.Appear($(imageelement),{delay:0.5,duration:0.5,queue:'end'});

}

function showProjectThumbnails(thumbnailprojectid,tcontainer){
	var thumbnailproject = thumbnailprojectid;
	var thumbnailcontainer = tcontainer;
	thumbnailarray = $(thumbnailcontainer).childElements();
	
	thumbnailarray.each(function(thumbnailnode){
		Effect.Fade(thumbnailnode,{duration:0.5,
					afterFinish:function(){
						$(thumbnailcontainer).setStyle({'margin-left':'0'});
					}
					});

	});
	Effect.Appear($(thumbnailproject),{queue:'end'});
	$(thumbnailcontainer).setStyle({marginLeft:'-10px'});
	Effect.Appear($(thumbnailproject),{queue:'end'});
}


function showProjectDescription(descriptionprojectid,dcontainer){
	var descriptionproject = descriptionprojectid;
	var descriptioncontainer = dcontainer;
	descriptionarray = $(descriptioncontainer).childElements();
	descriptionarray.each(function(descriptionnode){
		Effect.Fade(descriptionnode,{duration:0.5});
	});
	Effect.Appear($(descriptionproject),{duration:0.5,queue:'end'});
}

function showProjectImage(imageid,imagecontainer){
	var firstimageid = imageid;
	var icontainer = imagecontainer;
	firstimagearray = $(icontainer).childElements();
	
	firstimagearray.each(function(imagenode){
		Effect.Fade($(imagenode),{duration:0.5});
	});
	Effect.Appear($(firstimageid),{duration:0.5,queue:'end'});
	$(firstimageid).setStyle({'borderColor':'#000000'});
}

function showProjectPhotoCredit(creditid,creditcontainer){
	var photocredit = creditid;
	var photocreditcontainer = creditcontainer
	photocreditarray = $(photocreditcontainer).childElements();

	photocreditarray.each(function(photocreditnode){
		Effect.Fade(photocreditnode,{duration:0.5});
	});
	Effect.Appear($(photocredit),{duration:0.5,queue:'end'});
}

// replace " characters in HTML when using innerHTML
String.prototype.htmlDecode = function(){
		var str = this;
		str = str.replace(/\&quot\;/g, '"').replace(/\"/g,'"');//.replace(/[\r\n\t]/g,'');
		str = str.replace(/<!--/g,'').replace(/-->/g,'');
		return str;
}