var request;

function createRequest(){


     try {
       request = new XMLHttpRequest();
     } catch (trymicrosoft) {
       try {
         request = new ActiveXObject("Msxml2.XMLHTTP");
       } catch (othermicrosoft) {
         try {
           request = new ActiveXObject("Microsoft.XMLHTTP");
         } catch (failed) {
           request = null;
         }
       }
     }

     if (request == null){
       alert("Error creating request object!");
   }else{
	   return request;
   }
   
}


function replaceText(el, text) {
  if (el != null) {
    clearText(el);
    var newNode = document.createTextNode(text);
    el.appendChild(newNode);
  }
}

function clearText(el) {
  if (el != null) {
    if (el.childNodes) {
      for (var i = 0; i < el.childNodes.length; i++) {
        var childNode = el.childNodes[i];
        el.removeChild(childNode);
      }
    }
  }
}

function getText(el) {
  var text = "";
  if (el != null) {
    if (el.childNodes) {
      for (var i = 0; i < el.childNodes.length; i++) {
        var childNode = el.childNodes[i];
        if (childNode.nodeValue != null) {
          text = text + childNode.nodeValue;
        }
      }
    }
  }
  return text;
}


function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } 
} 

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
}


function shiftOpacity(id, millisec) { 
    //if an element is invisible, make it visible, else make it ivisible 
    if(document.getElementById(id).style.opacity == 0) { 
        opacity(id, 0, 100, millisec); 
    } else { 
        opacity(id, 100, 0, millisec); 
    } 
}

function togglescrim(e) {
	

	
	//var answer=document.getElementById(number);
	
	if(document.getElementById("scrim").style.visibility == "hidden"){
		document.getElementById("scrim").style.visibility = "visible";
		document.getElementById("scrimwrapper").style.visibility = "visible";
		document.getElementById("scrimwrapper").style.top = 100;
		//shiftOpacity("scrimwrapper", 1000);

		}
		else{
		
		var box = document.getElementById("img1");
		box.setAttribute('src','graphics/throbber.gif');
		var client = document.getElementById("client");
		replaceText(client,"client");
		var description = document.getElementById("description");
		replaceText(description,"description");
		var url = document.getElementById("url");
		replaceText(url,"url");
		url.setAttribute('href',"#");
		
		var project = document.getElementById("project");
		replaceText(project,"project");
		document.getElementById("scrim").style.visibility = "hidden";
		document.getElementById("scrimwrapper").style.visibility = "hidden";
		document.getElementById("url").style.visibility = "hidden";
		}
	
}	
	
function displayItem(){

	
  if (request.readyState == 4) {
    	if (request.status == 200) {
			
      	var details = request.responseText;
			
			
			var responseArray = new Array();
			responseArray = details.split('|');
			
			//alert(responseArray[1]);
			var box = document.getElementById("img1");
			var image=responseArray[0];
       		//box.setAttribute('src','portfolioimgs/' + image);
			box.setAttribute('src','graphics/' + image);
			
			var client = document.getElementById("client");
			replaceText(client,responseArray[1]);
			
			var project = document.getElementById("project");
			replaceText(project,responseArray[2]);
			
			var description=document.getElementById("description");
			replaceText(description,responseArray[3]);
			
			var url=document.getElementById("url");
	  		if (responseArray[4]){
			replaceText(url,responseArray[4]);
			document.getElementById("url").style.visibility = "visible";
			url.setAttribute('href',"http://" + responseArray[4]);
			}else{
			document.getElementById("url").style.visibility = "hidden";
			}
			
			
			
			
		
		}
		
  }
	
	
}



	
function showitem(item){
	
	var item;
	var url = "http://www.youngandobrien.com/includes/detail.php?id=" + escape(item);
	
	 createRequest();
    request.open('GET', url, true);	
    request.onreadystatechange = displayItem;
     request.send(null);
	 
	togglescrim();

}