// JScript File

var lastindex=0;
var filePath = 'ajax/portifolio.php';
var Play=false;
 function sendRequest(params,container) { 
  if (window.XMLHttpRequest) {
    var xmlhr = new XMLHttpRequest();
  } else {
    var xmlhr = new ActiveXObject('MSXML2.XMLHTTP.3.0');
  }
        
  xmlhr.open('POST', filePath+"?rnd="+Math.random(), true);
  xmlhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 

  xmlhr.onreadystatechange = function() {  
    var resultDiv = document.getElementById(container);  
    if (xmlhr.readyState == 1) 
    {
        LoadMessageObj.setHtmlContent('<table cellpadding="0" cellspacing="0" class="Status"><tr><td><img src="includes/images/loading.gif">&nbsp;</td></tr></table>');
        LoadMessageObj.setSize(1,1);
        LoadMessageObj.setCssClassMessageBox('');
        LoadMessageObj.setSource(false);	// no html source since we want to use a static message here.
        LoadMessageObj.setShadowDivVisible(true);	// Disable shadow for these boxes	
        LoadMessageObj.display();
    } 
    else if (xmlhr.readyState == 4 && xmlhr.status == 200)
     {
      if (xmlhr.responseText)
       {              
            var content= xmlhr.responseText;
            var contents=content.split("`")
            resultDiv.innerHTML=contents[0];
            document.getElementById("other").innerHTML=contents[1]; 
            LoadMessageObj.close();	          
      }
    } else if (xmlhr.readyState == 4) {
      alert('Invalid response received - Status: ' + xmlhr.status);
    }
  }
  xmlhr.send(params);
}


function ShowWork(Page,design)
{
   
    setActive(design);            
    sendRequest("page="+Page+"&design="+design,"content");
}

function setActive(design)
{
    document.getElementById("WebsiteDesign1").className="menuitem0";
    document.getElementById("WordpressDesign1").className="menuitem";
    document.getElementById("Logos1").className="menuitem";
    document.getElementById("BusinessCards1").className="menuitem";
    //document.getElementById("IconDesign1").className="menuitem";
    //document.getElementById("Misc1").className="menuitemn";
    document.getElementById("WebsiteDesign").className="menuitem0";
    document.getElementById("WordpressDesign").className="menuitem";
    document.getElementById("Logos").className="menuitem";
    document.getElementById("BusinessCards").className="menuitem";
    //document.getElementById("IconDesign").className="menuitem";
    //document.getElementById("Misc").className="menuitemn";
    switch(design)
    {
    case"WebsiteDesign":
    document.getElementById("WebsiteDesign1").className="active0";
    document.getElementById("WebsiteDesign").className="active0";
    break;
    case"WordpressDesign":
    document.getElementById("WordpressDesign").className="active";
    document.getElementById("WordpressDesign1").className="active";
    break;
    case"Logos":
    document.getElementById("Logos").className="active";
    document.getElementById("Logos1").className="active";
    break;
    case"BusinessCards":
    document.getElementById("BusinessCards").className="active";
    document.getElementById("BusinessCards1").className="active";
    break;
    case"IconDesign":
    document.getElementById("IconDesign").className="active";
    document.getElementById("IconDesign1").className="active";
    break;
    case"Misc":
    document.getElementById("Misc").className="activen";
    document.getElementById("Misc").className="activen";
    break;
    }
}