var fullTimeLink;
var partTimeLink;
var currentView = "full";
var sideContent;
var fullTime;
var partTime;
var sideDim;
var fullTimeAni;
var partTimeAni;
var linkAniOn;
var linkAniOff;
var linkRollAni;
var fullTimeLinkAni;
var partTimeLinkAni;

var photo1Det;
var photoHotSpot1;
var photoButton1;
var photoText1;
var photo2Det;
var photoHotSpot2;
var photoButton2;
var photoText2;
var photo3Det;
var photoHotSpot3;
var photoButton3;
var photoText3;

var photoBorder1;
var photoBorder2;
var photoBorder3;
var photoCloseBtn1;
var photoCloseBtn2;
var photoCloseBtn3;

var currOpen = "photo1";

var theMask;
var unMaskAni;

var unMasked = [0,275,980,0];
var masked = [0,0,980,0];

var photo1UnMasked = [0,633,282,0];
var photo1Masked = [10,301,200,10];

var photo2UnMasked = [0,316,578,0];
var photo2Masked = [10,301,189,10];

var photo3UnMasked = [0,633,286,0];
var photo3Masked = [10,623,200,328];

function linkOver(obj){
	obj.style.color= "#1c7ec5";
}

function linkOut(obj){
	obj.style.color= "#666666";
}

function showFullTime(){
	if(currentView != "full"){
		currentView = "full";
		partTime.setStyle('display', 'none');
		fullTime.setStyle('display', 'block');
		linkOver(fullTimeLink);
		linkOut(partTimeLink);
	}
}

function showPartTime(){
	if(currentView == "full"){
		currentView = "part";
		fullTime.setStyle('display', 'none');
		partTime.setStyle('display', 'block');
		linkOut(fullTimeLink);
		linkOver(partTimeLink);
	}
}

function initSideContent(content, dim){
	content.setStyle('left', dim.left);
	content.setStyle('top', dim.top);
}

function closeMask(maskName){		
	var detail = eval(currOpen + "Det");
	var mask = eval(currOpen + "Masked");
	
	theMask = detail.effect('clip', {duration: 500, transition: Fx.Transitions.Quad.easeInOut, onComplete: function(){detail.setStyle('visibility', 'hidden');}});
	theMask.start(mask);
}

function hideImages(detail, images){
	var imgEffect = detail.effect('opacity', {duration: 500, onComplete: function(){
		detail.setStyle('visibility', 'hidden');
		images.each(function(image, i){
			if(image.parentNode){
				image.remove();
			}
		});
	}
	
	});
	imgEffect.start(0);
}

function openMask(detail, mask, outFunc, detailW, detailH){
	unMaskAni = detail.effect('clip', {duration: 500, transition: Fx.Transitions.Quad.easeInOut});
	
	eval(outFunc);
	
	if(window.ie6){
		detail.setStyle('width', detailW);
		detail.setStyle('height', detailH);
	}
	
	detail.setStyle('opacity', 1);
	detail.setStyle('visibility', 'visible');
	
	unMaskAni.start(mask);
}

function placeText(txt, dim, x, y){
	txt.setStyle('left', dim.left + x);
	txt.setStyle('top', dim.top + y);
	txt.setStyle('visibility', 'visible');
}


function onWindowResize(){
	
	mainDim = main.getCoordinates();
	//signUpDim = signUp.getCoordinates();
	sideDim = sideContent.getCoordinates();
	photoDim1 = photoHotSpot1.getCoordinates();
	photoDim2 = photoHotSpot2.getCoordinates();
	photoDim3 = photoHotSpot3.getCoordinates();
	
	initSideContent(fullTime, sideDim);
	initSideContent(partTime, sideDim);
	
	initButton(photoButton1, photoDim1);
	initBorder(photoBorder1, photoDim1);
	placeText(photoText1, photoDim1, 10, 213);
	
	initButton(photoButton2, photoDim2);
	initBorder(photoBorder2, photoDim2);
	placeText(photoText2, photoDim2, 10, 213);
	
	initButton(photoButton3, photoDim3);
	initBorder(photoBorder3, photoDim3);
	
	placeText(photoText3, photoDim3, 10, 213);
	
	if(window.ie){
		initDet(photo1Det, photoDim1, 0, 1);
		initDet(photo2Det, photoDim2, 0, 1);
		initDet(photo3Det, photoDim3, 1, -316);
	}
	
	else if(window.webkit420){
		initDet(photo1Det, photoDim1, 0, 1);
		initDet(photo2Det, photoDim2, 0, 1);
		initDet(photo3Det, photoDim3, 1, -316);
	}
	
	else{
		initDet(photo1Det, photoDim1, 0, 0);
		initDet(photo2Det, photoDim2, 0, 0);
		initDet(photo3Det, photoDim3, 0, -317);
	}
	
	reposRem();
	initSubNav(mainDim);
//	reposEmailThanks();
	
}

function buttonOver1(){
	buttonOver(photoHotSpot1, photoText1, photoBorder1, false, 5);
}

function buttonOut1(){
	buttonOut(photoHotSpot1, photoText1, photoBorder1);
}

function buttonOver2(){
	buttonOver(photoHotSpot2, photoText2, photoBorder2, false, 5);
}

function buttonOut2(){
	buttonOut(photoHotSpot2, photoText2, photoBorder2);
}

function buttonOver3(){
	buttonOver(photoHotSpot3, photoText3, photoBorder3, false, 5);
}

function buttonOut3(){
	buttonOut(photoHotSpot3, photoText3, photoBorder3);
}

window.addEvent('resize', function(){
	onWindowResize();
});

window.addEvent('load', function() {
	
	fullTimeLink = $('fullTimeLink');
	partTimeLink = $('partTimeLink');
	sideContent = $('sideContent');
	fullTime = $('fullTime');
	partTime = $('partTime');
	
	photo1Det = $('photo1Det');
	photoHotSpot1 = $('photoHotSpot1');
	photoButton1 = $('photoButton1');
	photoBorder1 = $('photoBorder1');
	photoText1 = $('photoText1');
	photoCloseBtn1 = $('photoCloseBtn1');
	
	photo2Det = $('photo2Det');
	photoHotSpot2 = $('photoHotSpot2');
	photoButton2 = $('photoButton2');
	photoBorder2 = $('photoBorder2');
	photoText2 = $('photoText2');
	photoCloseBtn2 = $('photoCloseBtn2');
	
	photo3Det = $('photo3Det');
	photoHotSpot3 = $('photoHotSpot3');
	photoButton3 = $('photoButton3');
	photoBorder3 = $('photoBorder3');
	photoText3 = $('photoText3');
	photoCloseBtn3 = $('photoCloseBtn3');
	
	photoButton1.addEvent('mouseenter', buttonOver1);
	photoButton1.addEvent('mouseleave', buttonOut1);
	photoCloseBtn1.addEvent('click', function(){closeMask("photo1");});
	photoButton1.addEvent('click', function(){
		if("photo1" != currOpen){
			closeMask(currOpen);
		}
		currOpen = "photo1";
		openMask(photo1Det, photo1UnMasked, 'buttonOut1()', '633px', '286px');
	});
	
	photoButton2.addEvent('mouseenter', buttonOver2);
	photoButton2.addEvent('mouseleave', buttonOut2);
	photoCloseBtn2.addEvent('click', function(){closeMask("photo2");});
	photoButton2.addEvent('click', function(){
		if("photo2" != currOpen){
			closeMask(currOpen);
		}
		currOpen = "photo2";
		openMask(photo2Det, photo2UnMasked, 'buttonOut2()', '633px', '286px');
	});
	
	photoButton3.addEvent('mouseenter', buttonOver3);
	photoButton3.addEvent('mouseleave', buttonOut3);
	photoCloseBtn3.addEvent('click', function(){closeMask("photo3");});
	photoButton3.addEvent('click', function(){
		if("photo3" != currOpen){
			closeMask(currOpen);
		}
		currOpen = "photo3";
		openMask(photo3Det, photo3UnMasked, 'buttonOut3()', '633px', '286px');
	});
	
	$('photo1Det').addEvent('click', function(){closeMask("photo1");});
	$('photo2Det').addEvent('click', function(){closeMask("photo2");});
	$('photo3Det').addEvent('click', function(){closeMask("photo3");});
	

	initializeMask(photo1Det, photo1Masked, photo1UnMasked);
	initializeMask(photo2Det, photo2Masked, photo2UnMasked);
	initializeMask(photo3Det, photo3Masked, photo3UnMasked);


	fullTimeLink.addEvent('click', showFullTime);
	fullTimeLink.addEvent('mouseover', function(){linkOver(fullTimeLink)});
	fullTimeLink.addEvent('mouseout', function(){
		if(currentView != "full"){
			linkOut(fullTimeLink);
		}
	});
	
	partTimeLink.addEvent('click', showPartTime);
	partTimeLink.addEvent('mouseenter', function(){linkOver(partTimeLink)});
	partTimeLink.addEvent('mouseleave', function(){
		if(currentView == "full"){
			linkOut(partTimeLink);
		}
	});
	
	initCommon("careers");
	onWindowResize();
	fullTime.setStyle('display', 'block');
	
// end window load
});