function showDetail(type,file,width,height) {
		
			var detailDiv = $('portfoliocontent');
		
			var cont = '<div id="normalcontent">';
				 cont += '<a class="notsortedby" href="javascript:prev();"> << Prev </a> | <a href="javascript:next();">Next >></a><br /><br />';
			if (type == 'img') {
				cont += '<img src="'+file+'" border="0" alt="Portfolio Detail Image" class="" \/>';
			} else if (type == 'embed') {
				cont  += '<object width="320" height="256">';
				cont += '<param name="src" value="'+file+'">';
				cont += '<param name="autoplay" value="true">';
				cont += '<param name="controller" value="true">';
				//cont += '<param name="bgcolor" value="#FFFFFF">';
				cont += '<embed src="'+file+'" autostart="true" loop="false" width="320" height="256" controller="true" ><\/embed>';
				cont += '<\/object>';
			}
			else if (type == 'flash') {
			 
				cont  += '<object width="' + width +'" height="' + height + '">';
				cont += '<param name="src" value="'+file+'">';
				cont += '<param name="autoplay" value="true">';
				cont += '<param name="controller" value="true">';
				//cont += '<param name="bgcolor" value="#FFFFFF">';
				cont += '<embed src="'+file+'" autostart="true" loop="false" width="' + width + '" height="' + height + '"  controller="true" ><\/embed>';
				cont += '<\/object>';
			
			}
			cont += '<\/div>';
			
			detailDiv.innerHTML = cont;
		}
		
		function sortByMed(medium) {
			portfolio.each( function(project) {
				var myEl = $('port-'+project.pid);
				if (medium == project.medium) {
					myEl.setAttribute('class', 'thumbnailsorton');
					myEl.setAttribute('className', 'thumbnailsorton');
				} else if(medium == 'All') {
					myEl.setAttribute('class', 'thumbnail');
					myEl.setAttribute('className', 'thumbnail');
				} else {
					myEl.setAttribute('class', 'thumbnailsortoff');				
					myEl.setAttribute('className', 'thumbnailsortoff');				
				}
			});
			
			MediaList = $('sortbymedium');
			var Media = $A(MediaList.getElementsByTagName('a'));
			Media.each( function(link){
				if (medium == link.innerHTML) {
					link.style.color = '#666666';
				} else {
					link.style.color = '#afbd21';
				}
			});
			
		}
		var selectedID = '';		
		var selectedName = '';
		var selectedClient = '';
		var selectedLocation = '';
		var selectedMedium = '';
		var selectedIndustry = '';
		var selectedOther = '';
		function showInfo(client,location,medium,industry,other) {
			$("pinfo-client").innerHTML = client;
			$("pinfo-location").innerHTML = location;
			$("pinfo-medium").innerHTML = medium;
			$("pinfo-industry").innerHTML = industry;	
			$("pinfo-other").innerHTML = other;		
		}
		function showSelectedInfo(client,location,medium,industry,other) {
			$("pinfo-client").innerHTML = selectedClient;
			$("pinfo-location").innerHTML = selectedLocation;
			$("pinfo-medium").innerHTML = selectedMedium;
			$("pinfo-industry").innerHTML = selectedIndustry;
			$("pinfo-other").innerHTML = selectedOther;		
		}
		function setSelectedInfo(name,client,location,medium,industry,id,other) {
		 	$("pinfo-id").innerHTML = id;
			$("pinfo-name").innerHTML = selectedName = name;
			$("pinfo-client").innerHTML = selectedClient = client;
			$("pinfo-location").innerHTML = selectedLocation = location;
			$("pinfo-medium").innerHTML = selectedMedium = medium;
			$("pinfo-industry").innerHTML = selectedIndustry = industry;
			$("pinfo-other").innerHTML = selectedOther = other;
			
		}
		
		function prev()
		{
		 
		 	current_id = $("pinfo-id").innerHTML;
			size = portfolio.length;
			
			if (current_id == 1){id = size;}
			else{id = current_id - 1;}
			
			$("pinfo-id").innerHTML = id;
			$("pinfo-name").innerHTML = portfolio[id-1].name;
			$("pinfo-client").innerHTML = portfolio[id-1].client;
			$("pinfo-location").innerHTML = portfolio[id-1].location;
			$("pinfo-medium").innerHTML = portfolio[id-1].medium;
			$("pinfo-industry").innerHTML = portfolio[id-1].industry;
			$("pinfo-other").innerHTML = portfolio[id-1].other;
			showDetail(portfolio[id-1].detailtype,portfolio[id-1].detailfile,portfolio[id-1].width,portfolio[id-1].height);
			
		}
		
		function next()
		{
		 	
		 	current_id = $("pinfo-id").innerHTML;
			current_id = current_id * 1;
			size = portfolio.length;
			if (current_id == size){id = 1;}
			else{id = current_id + 1;}			
			$("pinfo-id").innerHTML = id;
			$("pinfo-name").innerHTML = portfolio[id-1].name;
			$("pinfo-client").innerHTML = portfolio[id-1].client;
			$("pinfo-location").innerHTML = portfolio[id-1].location;
			$("pinfo-medium").innerHTML = portfolio[id-1].medium;
			$("pinfo-industry").innerHTML = portfolio[id-1].industry;
			$("pinfo-other").innerHTML = portfolio[id-1].other;
			showDetail(portfolio[id-1].detailtype,portfolio[id-1].detailfile,portfolio[id-1].width,portfolio[id-1].height);
		}