function basename(path, suffix) {
    // Returns filename component of path
    // 
    // +    discuss at: http://kevin.vanzonneveld.net/techblog/article/javascript_equivalent_for_phps_basename/
    // +       version: 811.1414
    // +   original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   improved by: Ash Searle (http://hexmen.com/blog/)
    // +   improved by: Lincoln Ramsay
    // +   improved by: djmix
    // *     example 1: basename('/www/site/home.htm', '.htm');
    // *     returns 1: 'home'

    var b = path.replace(/^.*[\/\\]/g, '');
    
    if (typeof(suffix) == 'string' && b.substr(b.length-suffix.length) == suffix) {
        b = b.substr(0, b.length-suffix.length);
    }
    
    return b;
}

function closePopUp()
{
	hm('box');
}

function ShowPopUp()
{
	sm('box',765,384);
}

function evalResponse()
{
	eval(this.response);
}

function ShowPortofolioItem(itemId)
{
	ajaxC = new sack();
	ajaxC.requestFile = "getPortofolioItem.php";
	
	ajaxC.setVar("id", itemId);
	ajaxC.method = "GET";
	ajaxC.onCompletion = evalResponse;
	ajaxC.runAJAX(); 
	
}

function imgHover(id,status,activeSection) {
	pic = document.getElementById(id);
	el = id.split("_");
	idx=el[1];
	
	if(activeSection == "false") {
		if(status == 'show')
			pic.src="images/template/m"+idx+"a.jpg"
		else 	
			pic.src="images/template/m"+idx+".jpg"
	}		
}

function showBigger(id,src) {
	filename = basename(src)
	bigFilename = "images/template/projects/big_" + filename
	
	document.getElementById('mainPic').src = bigFilename
	
	for(i=1;i<=3;i++) {
		if(id=="pic"+i)
			document.getElementById("pic"+i).className='imgSelected'
		else
			document.getElementById("pic"+i).className='imgNormal'	
	}	
	
	
}
/*
var slideshowPosition = 0;
var stopBack = 0;
var stopNext = 0;

function playSlideshow(sens,ID){
	sIdx = slideshowPosition
	pictures = new Array();
	picPath = "images/template/casestudies/";
		
	if(ID=='homepage') {
		picPath = "images/template/slideshow/";
		
		pictures[0] = "img0.jpg";
		pictures[1] = "img1.jpg";
	} else if(ID==1) {
		//mastercraft
		pictures[0] = "mc1.jpg";
		pictures[1] = "mc2.jpg";
		pictures[2] = "mc3.jpg";
		pictures[3] = "mc4.jpg";
	} else if(ID==2) {
		//aprilaire
		pictures[0] = "aprilaire1.jpg";
		pictures[1] = "aprilaire2.jpg";
		pictures[2] = "aprilaire3.jpg";
	} else if(ID==3) {
		//rowland
		pictures[0] = "rowland_1.jpg";
		pictures[1] = "rowland_2.jpg";
		pictures[2] = "rowland_3.jpg";
		pictures[3] = "rowland_4.jpg";	
	} else {
		//rowland
		pictures[0] = "vck1.jpg";
		pictures[1] = "vck2.jpg";	
	}
	
	
	if(sens=="+")
		slideshowPosition++;
	else 
		slideshowPosition--;
		
	total = pictures.length

	
	
	if(slideshowPosition < total && slideshowPosition > 0){
		idx = slideshowPosition
	}else if(slideshowPosition < 0) {
		idx = total-1;
		slideshowPosition = total-1;
	} else {	
		idx = 0;
		slideshowPosition = 0;
	}	

	if(idx < 1) {
		displayBackArrows(false)
		stopBack=1
	} else {
		stopBack=0
		displayBackArrows(true)	
	}
	
	if(idx == (total-1)) {
		stopNext = 1	
		displayNextArrows(false)
	} else {
		stopNext = 0	
		displayNextArrows(true)
	}
	
	pic = picPath + pictures[idx]
	
	if(ID=="homepage") {
		if(idx==1) {
			createAreaMap();
		} else  {
			deleteAreaMap()
		}
	}
	
	document.getElementById('slideshow').style.opacity = 0
	document.getElementById('slideshow').src=pic

	
//	document.getElementById('slideshow').filters.alpha.opacity = 0
	
	
	
	porImgOver('slideshow')
}


function displayBackArrows(val){
	if(val) {
		document.getElementById('backArrowInactive').style.display="block";
	} else {
		document.getElementById('backArrowInactive').style.display="none";
		document.getElementById('backArrowActive').style.display="none";
	}
}


function displayNextArrows(val){
	if(val) {
		document.getElementById('arrowInactive').style.display="block";
	} else {
		document.getElementById('arrowInactive').style.display="none";
		document.getElementById('arrowActive').style.display="none";
	}
}



function showArrow(){
	if(stopNext == 1) {
		document.getElementById('arrowInactive').style.display="none";
		return false;
	} else 	{
		document.getElementById('arrowActive').style.display="block";
		document.getElementById('arrowInactive').style.display="none";
	}
}

function hideArrow(){
	if(stopNext == 1) {
		return false
	}
	document.getElementById('arrowActive').style.display="none";
	document.getElementById('arrowInactive').style.display="block";
}
function showBackArrow(){
	if(stopBack == 1) {
		document.getElementById('backArrowInactive').style.display="none";
		return false;
	} else 	{
		document.getElementById('backArrowActive').style.display="block";
		document.getElementById('backArrowInactive').style.display="none";
	} 	
}

function hideBackArrow(){
	if(stopBack == 1) {
		return false
	}
	document.getElementById('backArrowActive').style.display="none";
	document.getElementById('backArrowInactive').style.display="block";
}


var lowerOpac = 0;
var opacSpeed = 1000;
var opacCSteps = {};

 var idImg = 0;

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

    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 = i-2) {
            setTimeout("changeOpac(" + i + ",'" + id + "', -1, " + idImg +")",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i = i + 2)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "', 1," + idImg +")",(timer * speed));
            timer++;
        }
    }
    
    return true
}

//change the opacity for different browsers
function changeOpac(opacity, id, step, g) {
	
	if (g != idImg) return false;
	if(typeof(step)!='undefined' && step != opacCSteps[id]) return; 
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 

function changeOpacArr(elements) {
	for(var i in elements) {
		changeOpac(lowerOpac, 'pimg_' + elements[i]);
	}
} 

function porImgOver(el) {
	opacCSteps[el] = 1;
 	x = opacity(el, lowerOpac, 100, opacSpeed);
}

*/
function showProcessStepDetails(step){
	var texts = new Array();
	var deliverables = new Array();
	var images = new Array();

	texts[1] = "Discovery, Analysis, Design Ideas, Project Plan";
	texts[2] = "Site Map, Wireframes, e-Marketing Strategy, Technical Specifications, Functional Specifications, Usability Testing";
	texts[3] = "User Interface Design, Content Development, (Images/copy), Asset Development, HTML Base Pages";
	texts[4] = "Development, Quality Assurance";
	texts[5] = "Deployment & Go Live, Maintenance & Support";
	
	
	deliverables[1] = "Client Survey, Project Plan, Project Brief, Creative Brief, Timeline, Budget, Project Team Roles";
	deliverables[2] = "Site Map, Wireframes, Use Cases, Functional Specifications, Technical Specifications, Testing Prototypes";
	deliverables[3] = "User Interface, Click-Through Wireframes, Programming, Optimized Final Art Assets";
	deliverables[4] = "Code Development, Testing, Search Engine Optimization and Registration, Issue Tracking";
	deliverables[5] = "Project Review, Support Procedures, Client Training";
	
	images[1] = '1.jpg';
	images[2] = '2.jpg';
	images[3] = '3.jpg';
	images[4] = '4.jpg';
	images[5] = '5.jpg';
	
	document.getElementById('stepText').innerHTML = texts[step]
	document.getElementById('deliverables').innerHTML = deliverables[step]
	document.getElementById('StepImage').src ="images/template/process/"+images[step]
	
}

function deleteAreaMap() {
	var elementHolder = document.getElementById('mapHolder');
	areaID =document.getElementById('link')
	elementHolder.removeChild(areaID)
}

function createAreaMap() {
	var elementHolder = document.getElementById('mapHolder');
 	var newArea = document.createElement('area');
  	 newArea.setAttribute('id',"link");
  	 newArea.setAttribute('shape',"poly");
  	 newArea.setAttribute('coords',"361,217,447,217,447,235,361,235");
  	 newArea.setAttribute('href',"index.php?page=contact");
  
  	
   elementHolder.appendChild(newArea);
}

<!--
	function MM_swapImgRestore() { //v3.0
	  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
	}
	
	function MM_preloadImages() { //v3.0
	  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
	    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
	    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
	}
	
	function MM_findObj(n, d) { //v4.01
	  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
	    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
	  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
	  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
	  if(!x && d.getElementById) x=d.getElementById(n); return x;
	}
	
	function MM_swapImage() { //v3.0
	  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
	   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
	}
	//-->