var timer;
var u = 0;
var v = 0;
var w = 0;
var x = 0;
var y = 634;
var z = 686;

function linkFade(id,state)
{
	var obj = document.getElementById(id);

	if (timer)
	{
		clearTimeout(timer);
		for (i=1; i<=8; i++)
		{
			if (id != "cat"+i && state != 2)
				document.getElementById("cat"+i).className = "fade1";
		}
	}

	if (state == 1)
		fadeIn(id,1);
	else
		fadeOut(id,7);
}

function fadeIn(id,num)
{
	var obj = document.getElementById(id);
	obj.className = "fade"+num;
	num++;
	if (num < 8)
		timer = setTimeout('fadeIn("'+id+'",'+num+')',150);
}

function fadeOut(id,num)
{
	var obj = document.getElementById(id);
	obj.className = "fade"+num;
	num--;
	if (num > 0)
		timer = setTimeout('fadeOut("'+id+'",'+num+')',150);
}

function showTransDivs(id)
{
	if (u == 0)
	{
		document.getElementById('float2').style.width = "312px";
		document.getElementById('float3').style.width = "312px";		
	}
	
	u += 12;
	v += 12;
	w += 12;
	x += 12;
	y -= 12;
	z -= 12;

	var done1 = 0;
	var done2 = 0;
	var done3 = 0;
	var done4 = 0;

	if (x <= 312)
	{
		document.getElementById('float1').style.width = x+"px";
		done1 = 1;
	}
	if (w <= 350)
	{
		document.getElementById('float2').style.height = w+"px";
		done2 = 1;
	}
	if (v <= 350)
	{
		document.getElementById('float3').style.height = v+"px";
		document.getElementById('float3').style.top = z+"px";
		done3 = 1;
	}
	if (u <= 312)
	{
		document.getElementById('float4').style.width = u+"px";
		document.getElementById('float4').style.left = y+"px";
		done4 = 1;
	}

	if (done1 == 0 && done2 == 0 && done3 == 0 && done4 == 0)
	{
		for (i=1; i<=15; i++)
			document.getElementById('div'+i).style.display = "none";

		document.getElementById(id).style.display = "block";

		moveTransDivs(id);
	}
	else
	{
		setTimeout('showTransDivs("'+id+'")',1);
	}
}

function moveTransDivs(id)
{
	var arr1 = document.getElementById('float1').style.left.split("px");
	var arr2 = document.getElementById('float2').style.top.split("px");

	var num1 = parseInt(arr1[0]) + 12;
	var num2 = parseInt(arr2[0]) + 12;

	var arr5 = document.getElementById('float1').style.width.split("px");
	var arr6 = document.getElementById('float2').style.height.split("px");
	var arr7 = document.getElementById('float3').style.height.split("px");
	var arr8 = document.getElementById('float4').style.width.split("px");

	var num5 = parseInt(arr5[0]) - 12;
	var num6 = parseInt(arr6[0]) - 12;
	var num7 = parseInt(arr7[0]) - 12;
	var num8 = parseInt(arr8[0]) - 12;

	var done1 = 0;
	var done2 = 0;
	var done3 = 0;
	var done4 = 0;

	if (num5 >= 0)
	{
		document.getElementById('float1').style.left = num1+"px";
		document.getElementById('float1').style.width = num5+"px";
		done1 = 1;
	}
	if (num6 >= 0)
	{
		document.getElementById('float2').style.top = num2+"px";
		document.getElementById('float2').style.height = num6+"px";
		done2 = 1;
	}
	if (num7 >= 0)
	{
		document.getElementById('float3').style.height = num7+"px";
		done3 = 1;
	}
	if (num8 >= 0)
	{
		document.getElementById('float4').style.width = num8+"px";
		done4 = 1;
	}

	if (done1 == 0 && done2 == 0 && done3 == 0 && done4 == 0)
	{
		resetVars();
		
		if (id == "div13")
			document.getElementById('name').focus();		
	}
	else
	{
		setTimeout('moveTransDivs("'+id+'")',1);
	}
}

function resetVars()
{
	u = 0;
	v = 0;
	w = 0;
	x = 0;
	y = 634;
	z = 686;

	document.getElementById('float1').style.width = "0";
	document.getElementById('float1').style.height = "338px";
	document.getElementById('float1').style.top = "10px";
	document.getElementById('float1').style.left = "10px";

	document.getElementById('float2').style.width = "0";
	document.getElementById('float2').style.height = "0";
	document.getElementById('float2').style.top = "10px";
	document.getElementById('float2').style.left = "322px";

	document.getElementById('float3').style.width = "0";
	document.getElementById('float3').style.height = "0";
	document.getElementById('float3').style.top = "348px";
	document.getElementById('float3').style.left = "10px";

	document.getElementById('float4').style.width = "0";
	document.getElementById('float4').style.height = "338px";
	document.getElementById('float4').style.top = "348px";
	document.getElementById('float4').style.left = "10px";
}

function preloadImgs()
{
	if (document.images)
	{
		var preload_image_object = new Image();
		var URL_prefix = 'http://www.mediamogulsweb.com/client/RJ_portfolio';

		// set image url
		var image_url = new Array();
		image_url[0] = URL_prefix+"link_on.jpg";

		for (i=0; i<=0; i++)
			preload_image_object.src = image_url[i];
	}
}

function validateForm(formObj)
{
	var elems = formObj.elements;
	for (var i=0; i<elems.length; i++)
	{
		if (elems[i].type != 'sumbit' && elems[i].name != 'phone' && elems[i].value.length == 0)
		{
			var elemNameLetters = elems[i].name.split('');
			elemNameLetters[0] = elemNameLetters[0].toUpperCase();
			
			var fieldName = (elems[i].name == 'keystring') ? 'Confirmation Code' : elemNameLetters.join('');
			
			alert('The "'+fieldName+'" field is required to submit the form.');
			elems[i].focus();
			return false;			
		}
	}	
	
	return true;
}

function navExamples(id,dir)
{
	document.getElementById('div'+id).style.display = "none";
	
	if (dir == 1)
	{
		id--;
		document.getElementById('div'+id).style.display = "block";
		document.getElementById('page_container').scrollIntoView();
	}
	else if (dir == 2)
	{
		id++;
		document.getElementById('div'+id).style.display = "block";
		document.getElementById('page_container').scrollIntoView();
	}
}

function configExampleLinks()
{
	var allTabs = document.getElementsByTagName("table");
	var allLinks = new Array;
	
	for (k=0; k<allTabs.length; k++)
	{
		allLinks[k] = allTabs[k].getElementsByTagName("a");
		
		for (j=0; j<allLinks[k].length; j++)
		{
			allLinks[k][j].onclick = function()
			{
				window.open(this.href); 
				return false;
			}
		}
	}
}

function assignMenuEvents(num,obj,numLinks)
{
	obj.onclick = function()
	{
		if (num == numLinks)
			showTransDivs('div13');
		else
			showTransDivs('div'+num);
		return false;
	}
	obj.onmouseover = function()
	{
		linkFade('cat'+num,1);
	}
	obj.onmouseout = function()
	{
		linkFade('cat'+num,2);
	}
}

function configMenuLinks()
{
	var menuDiv = document.getElementById('menu');
	var menuLinks = menuDiv.getElementsByTagName("a");
	var num = 0; 
	
	for (i=0; i<menuLinks.length; i++)
	{
		num = i + 1;
		assignMenuEvents(num,menuLinks[i],menuLinks.length);
	}
}

window.onload = function()
{
	preloadImgs();
	configMenuLinks();
	configExampleLinks();
}