// JavaScript Document
var p = null;
var browser = '';


function init(){
	if (browser == '')
	{
		if (navigator.appName.indexOf('Microsoft') != -1)
			browser = 'IE'
		else if (navigator.appName.indexOf('Netscape') != -1)
			browser = 'Netscape'
		else browser = 'IE';
	}
	
	SWFAddress.addEventListener(SWFAddressEvent.CHANGE, changed);
}

function changed(event)
{
	var val = event.value;

	switch(val)
	{
		case '/all/': 
			hideMe('resume');
			break;
		case '/flash/': 
			hideMe('cardcat','map','message','resume');
			break;
		case '/photoshop/': 
			hideMe('ai','abs','resume');
			break;
		case '/dreamweaver/': 
			hideMe('ai','abs','itv','balloon','scroller','micro','lawson','resume');
			break;
		case '/illustrator/': 
			hideMe('ai','abs','cardcat','balloon','scroller','map','micro','lawson','message','resume');
			break;
		case '/dashcode/': 
			hideMe('ai','abs','itv','balloon','scroller','map','micro','lawson','resume'); 
			break;
		case '/php/': 
			hideMe('ai','abs','balloon','scroller','map','micro','message','resume'); 
			break;
		case '/javascript/': 
			hideMe('ai','abs','itv','balloon','scroller','micro','lawson','resume');
			break;
		case '/resume/': 
			showAll('ai','abs','cardcat','itv','balloon','scroller','map','micro','lawson','message','resume');
			break;
		case '/actionscript3/':
			hideMe('ai','abs','cardcat','balloon','scroller','map','micro','lawson','message','resume');
			break;
		case '/actionscript2/':
			hideMe('cardcat','map','message','itv','resume');
			break;
		case '/design/':
			hideMe('map','abs','resume');
			break;
	}
}

function swapThis(url, obj, width, height, imgurl, par, isFlash)
{
	if(obj.parentNode)
	{
		p = obj.parentNode;
	}
	else
	{
		p = document.getElementById(obj+"_img").parentNode;
		obj = document.getElementById(obj+"_img");
	}

	if(browser == 'IE')
	{
		obj.parentNode.style.height = height + "px";
		obj.parentNode.style.width = width + "px";
	}
	else
	{
		//new Effect.MoveAndResizeTo(p, 0, 0, width, height,{duration:.5});
		
		//var myEffect = new fx.Height(p , {duration: 100});
		var animateWidth = new Fx.Style(p,'width',{duration: 200, fps: 60});
		var animateHeight = new Fx.Style(p,'height',{duration: 200, fps: 60});
		
		animateHeight._start(0,height);
		animateWidth._start(0,width);
		
		var animatePHeight = new Fx.Style(p.parentNode.parentNode.parentNode.parentNode.parentNode,'height',{duration: 200, fps: 60});
			animatePHeight._start(0, height);

	}

	if(isFlash)
	{
		var s2 = new SWFObject(url,obj.parentNode.id,"100%","100%","8");
		s2.addParam("scale", "scale");
		
		s2.write(obj.parentNode.id);
	}
	else if(isFlash == false)
	{
		p.innerHTML = "<iframe frameborder=\"0\" border=\"0\" src=\""+url+"\" width=\""+width+"\" height=\""+height+"\"/>";
	}
	
	p.innerHTML += "<div onclick=\"swapBack('"+imgurl+"','"+p.id+"','"+arguments[0]+"','"+arguments[1]+"','"+arguments[2]+"','"+arguments[3]+"',"+isFlash+")\" class=\"close\" id=\"close_"+p.id+"\">Close X</div>";

	document.getElementById("close_"+p.id).style.left = width-50+"px";
	document.getElementById("close_"+p.id).style.top = -height-4+"px";
	
	document.getElementById(p.id + "_directions").style.visibility = "visible";
	document.getElementById(p.id + "_directions").style.display = "block";
	
	document.getElementById(p.id + "_view").style.visibility = "hidden";
	document.getElementById(p.id + "_view").style.display = "none";
}

function swapBack(imageUrl, holder, swfUrl, obj, w, h, isFlash)
{
	document.getElementById(holder).innerHTML = "<img id=\""+holder+"_img\" onclick=\"swapThis('"+swfUrl+"','"+holder+"','"+w+"','"+h+"','"+imageUrl+"','"+obj+"',"+isFlash+")\" class=\"thumb-img\" src=\""+imageUrl+"\" height=\"150\" width=\"250\" />";
	
	
	//document.getElementById(document.getElementById(holder).id + "_view").style.visibility = "visible";
	//document.getElementById(document.getElementById(holder).id + "_directions").style.visibility = "collapse";
	document.getElementById(document.getElementById(holder).id + "_directions").style.display = "none";
	document.getElementById(document.getElementById(holder).id + "_directions").style.visibility = "hidden";
	document.getElementById(document.getElementById(holder).id + "_view").style.display = 'block';
	document.getElementById(document.getElementById(holder).id + "_view").style.visibility = 'visible';
	
	if(browser == 'IE')
	{
		document.getElementById(holder).style.height = "150px";
		document.getElementById(holder).style.width = "250px";
	}
	else
	{
		//new Effect.MoveAndResizeTo(document.getElementById(holder), 0, 0, 250, 150,{duration:.1});
		
		var h = document.getElementById(holder);
		var height = h.style.height;
		var width = h.style.width;
		
		var animateWidth = new Fx.Style(h,'width',{duration: 1, fps: 25});
		var animateHeight = new Fx.Style(h,'height',{duration: 1, fps: 25});
		
		animateHeight._start(height,150);
		animateWidth._start(width,250);
		
		var animatePHeight = new Fx.Style(h.parentNode.parentNode.parentNode.parentNode.parentNode,'height',{duration: 100, fps: 60});
			animatePHeight._start(height, 150);
	}
}


function tester(e)
{
	alert(e);
}

function toggleMe(obj, url, imgElement, width, height, imgUrl, parentElement, isFlash)
{
		swapThis(url, imgElement, width, height, imgUrl, parentElement, isFlash);
		//obj.style.visibility = 'collapse';
		obj.style.display = 'none';
}

function hideMe()
{
	showAll('ai','abs','cardcat','itv','balloon','scroller','map','micro','lawson','message','resume')
	for(i = 0; i < arguments.length ; i++)
	{
		var o = document.getElementById(arguments[i]+"_holder");
		var height = o.style.height;
		
		document.getElementById(arguments[i]+"_holder").style.display = 'none';
		document.getElementById(arguments[i]+"_holder").style.visibility = 'hidden';
	}
}

function showAll()
{
	for(i = 0; i < arguments.length ; i++)
	{
		document.getElementById(arguments[i]+"_holder").style.display = 'block';
		document.getElementById(arguments[i]+"_holder").style.visibility = 'visible';
	}
}