/**
 * @author abazzone
 */
var selectButton = "caseGallery";
var thumbSelected = 2;
freezeClick = false;
imgArray = new Array();
imgArray[0] = 'side';
imgArray[1] = 'frontal';
imgArray[2] = 'smile';
imgArray[3] = 'upper';
imgArray[4] = 'lower';
imgArray[5] = 'right';
imgArray[6] = 'anterior';
imgArray[7] = 'left';

var gallery = new Array(17);
//spacing
gallery[0] = new Array("Spacing - Mild", "mildSpacing");
gallery[1] = new Array("Spacing - Diastema / Frenectomy", "diasFren");
gallery[2] = new Array("Spacing - Mild Spacing / Upper Diastema", "mildSpcUppDias");
gallery[3] = new Array("Spacing - Severe Spacing", "sevSpacing");

//crowding
gallery[4] = new Array("Crowding - Mild", "crowdMild");
gallery[5] = new Array("Crowding - Moderate", "crowdMod");
gallery[6] = new Array("Crowding - Severe", "crowdSev");
gallery[7] = new Array("Crowding - Severe Crowding / Crossbite", "crowdSevCross");
gallery[8] = new Array("Crowding - Severe Crowding / Extraction", "crowdSevLowExt");

//other			
gallery[9] = new Array("Open Bite", "openBite");
gallery[10] = new Array("Deep Bite / Crowding", "deepBtPer");
gallery[11] = new Array("Class II Correction", "class2Elas");
gallery[12] = new Array("Anterior Crossbite", "antCross");
gallery[13] = new Array("Narrow Arch", "narrowArch");
gallery[14] = new Array("Moderate Spacing", "conMissLat");
gallery[15] = new Array("Invisalign / Restorative Combo I", "invisVenCom");
gallery[16] = new Array("Invisalign / Restorative Combo II", "invisResCom");

var caseDetail = new Array(17);
caseDetail[0] = new Array('Mild spacing and upper diastema<br><strong>Patient Concern:</strong> Straighten anterior teeth and close spaces<br><strong>Treatment Duration:</strong> 14 Months<br>', 'http://www.aligntechinstitute.com/case_study-mild_spacing');
caseDetail[1] = new Array('Upper Diastema correction followed by frenectomy<br><strong>Patient Concern:</strong> Self-conscious about large spaces in her smile. Wanted teeth fixed quickly and esthetically before starting new school and meeting friends.<br><strong>Treatment Duration:</strong> 7.5 Months<br>', 'http://www.aligntechinstitute.com/case_study-diastema_frenectomy');
caseDetail[2] = new Array('Upper Diastema correction followed by frenectomy<br><strong>Patient Concern:</strong> Self-conscious about large spaces in her smile. Wanted teeth fixed quickly and esthetically before starting new school and meeting friends.<br><strong>Treatment Duration:</strong> 7.5 Months<br>', 'http://www.aligntechinstitute.com/case_study-diastema_frenectomy');
caseDetail[3] = new Array('Severe spacing/diastema - Invisalign and restorative treatment<br><strong>Patient Concern:</strong> Very self-conscious about smile.<br><strong>Treatment Duration:</strong> 10 Months<br>', 'http://www.aligntechinstitute.com/case_study-severe_spacing');
caseDetail[4] = new Array('Mild Crowding with Crossbite<br><strong>Patient Concern:</strong> Crowding of anterior teeth.<br><strong>Treatment Duration:</strong> 11 Months<br>', 'http://www.aligntechinstitute.com/case_study-mild_crowding');
caseDetail[5] = new Array('Moderate Crowding<br><strong>Patient Concern:</strong> Self-conscious about teeth and felt that smile could limit him professionally. Patient wanted minimal discomfort during treatment.<br><strong>Treatment Duration:</strong> 14 Months<br>', 'http://www.aligntechinstitute.com/case_study-moderate_crowding');
caseDetail[6] = new Array('Severe Crowding<br><strong>Patient Concern:</strong> Wanted to improve smile and feel more confident.<br><strong>Treatment Duration:</strong> 18 Months<br>', 'http://www.aligntechinstitute.com/case_study-severe_crowding');
caseDetail[7] = new Array('Severe lower crowding and crossbite<br><strong>Patient Concern:</strong> Crowding, unable to clean laterals and difficulty with flossing. <br><strong>Treatment Duration:</strong> 24 Months<br>', 'http://www.aligntechinstitute.com/case_study-severe_crowding_crossbite');
caseDetail[8] = new Array('Severe crowding with extraction<br><strong>Patient Concern:</strong> Straight teeth that look good and are easy to keep clean. Wanted Invisalign for esthetics, hygiene and less pain during treatment. <br><strong>Treatment Duration:</strong> 19.5 Months<br>', 'http://www.aligntechinstitute.com/case_study-severe_crowding_extraction');
caseDetail[9] = new Array('Anterior openbite and bilateral crossbite<br><strong>Patient Concern:</strong> Anterior open bite - difficulty with eating and chewing, migraine headaches. Many doctors told her that surgery was the only option.<br><strong>Treatment Duration:</strong> 28 Months<br>', 'http://www.aligntechinstitute.com/case_study-anterior_openbite');
caseDetail[10] = new Array('Deep Bite/crowding - periodontic improvement achieved just by alignment of teeth.<br><strong>Patient Concern:</strong> Gum disease and smile improvement.<br><strong>Treatment Duration:</strong> 15 Months<br>', 'http://www.aligntechinstitute.com/case_study-deepbite_perio');
caseDetail[11] = new Array('Class II Div 1 sagittal correction using distalization with elastics<br><strong>Patient Concern:</strong> \"Do not like my canines sticking out.\" Patient was told that Invisalign would not work for his case by many doctors.<br><strong>Treatment Duration:</strong> 20 Months<br>', 'http://www.aligntechinstitute.com/case_study-classii_elastics');
caseDetail[12] = new Array('Anterior Crossbite<br><strong>Patient Concern:</strong> Straight teeth and a more attractive smile. Esthetics and hygiene during treatment<br><strong>Treatment Duration:</strong> 15.5 Months<br>', 'http://www.aligntechinstitute.com/case_study-anterior_crossbite');
caseDetail[13] = new Array('Narrow Arch with moderate lower crowding<br><strong>Patient Concern:</strong> Upper and lower anterior crowding<br><strong>Treatment Duration:</strong> 18 months<br>', 'http://www.aligntechinstitute.com/case_study-narrow_arch');
caseDetail[14] = new Array('Congenitally missing laterals - Invisalign followed by bridges to replace missing teeth<br><strong>Patient Concern:</strong> Worn down anterior teeth with end to end bite. Patient did not like his smile. <br><strong>Treatment Duration:</strong> 14 Months<br>', 'http://www.aligntechinstitute.com/case_study-congenitally_missing_laterals');
caseDetail[15] = new Array('Invisalign followed by restorative treatment with crowns and veneers.<br><strong>Patient Concern:</strong> Lower crowding and ugly crowns on maxillary central incisors<br><strong>Treatment Duration:</strong> 12 Months<br>', 'http://www.aligntechinstitute.com/case_study-invisalign_veneers');
caseDetail[16] = new Array('Invisalign followed by restorative treatment and whitening<br><strong>Patient Concern:</strong> Flared upper anterior teeth with discoloration on one tooth<br><strong>Treatment Duration:</strong> 12 Months<br>', 'http://www.aligntechinstitute.com/case_study-invisalign_restorative');

slide = getUrlParam("slide");
if (slide==null)
	slide=0;

currentSlide = 0;	
var patientGender;

imgDirBefore = "images/caseGallery/" + gallery[slide][1] + "/before/before-";
imgDirAfter = "images/caseGallery/" + gallery[slide][1] + "/after/after-";

var lightOn = false;
var showIntro = true;
var thumbOff = 0;

function imgOver(theId){
    if (theId != thumbSelected && !freezeClick) {
        thisId = document.getElementById(theId);
		fileExt=".jpg";
		if (patientGender=='m' && (theId==0 || theId==1 || theId==2))
			fileExt="M.jpg";
        source = thisId.src.split('-thumb');
        thisId.src = source[0] + "-thumb-over" + fileExt;
        imgBefore = document.getElementById('before');
        imgAfter = document.getElementById('after');
        imgBefore.style.backgroundImage = 'url(' + imgDirBefore + imgArray[theId] + ".jpg" + ')';
        imgAfter.style.backgroundImage = 'url(' + imgDirAfter + imgArray[theId] + ".jpg" + ')';        
        thisIdThumb = document.getElementById(thumbSelected);
        sourceThumb = thisIdThumb.src.split('-thumb');
		fileExt=".jpg";
		if (patientGender=='m' && (thumbSelected==0 || thumbSelected==1 || thumbSelected==2))
			fileExt="M.jpg";
        thisIdThumb.src = sourceThumb[0] + "-thumb" + fileExt;
        thumbSelected = theId;
    }
}

function imgOut(theId){
    if (theId != thumbSelected && !freezeClick) {
        thisId = document.getElementById(theId);
		fileExt=".jpg";
		if (patientGender=='m' && (theId==0 || theId==1 || theId==2))
			fileExt="M.jpg";
        source = thisId.src.split('-thumb');
        thisId.src = source[0] + "-thumb" + fileExt;
        imgBefore = document.getElementById('before');
        imgAfter = document.getElementById('after');
        imgBefore.style.backgroundImage = 'url(' + imgDirBefore + imgArray[thumbSelected] + ".jpg" + ')';
        imgAfter.style.backgroundImage = 'url(' + imgDirAfter + imgArray[thumbSelected] + ".jpg" + ')';
    }
}

function openVideo(){
    document.getElementById('vidLink').href = videoLink;
}

function imgClick(theId){	
	if (freezeClick)  {
		document.getElementById('instructions').src = "images/caseGallery/thumbnails/instruct1.jpg";
		document.getElementById('selectedThumb').style.display="none";
		document.getElementById('selectedThumb').style.visibility="hidden";
		freezeClick = false;       
        thisId = document.getElementById(theId);
		fileExt=".jpg";
		if (patientGender=='m' && (theId==0 || theId==1 || theId==2))
			fileExt="M.jpg";
        source = thisId.src.split('-thumb');
        thisId.src = source[0] + "-thumb-over" + fileExt;
		
        thisIdThumb = document.getElementById(thumbSelected);
        source2 = thisIdThumb.src.split('-thumb');
		fileExt2=".jpg";
		if (patientGender=='m' && (thumbSelected==0 || thumbSelected==1 || thumbSelected==2))
			fileExt2="M.jpg";
        thisIdThumb.src = source2[0] + "-thumb" + fileExt2;
        imgBefore = document.getElementById('before');
        imgAfter = document.getElementById('after');
        imgBefore.style.backgroundImage = 'url(' + imgDirBefore + imgArray[theId] + ".jpg" + ')';
        imgAfter.style.backgroundImage = 'url(' + imgDirAfter + imgArray[theId] + ".jpg" + ')';
		thumbSelected = theId;
		/*
        sourceThumb = thisIdThumb.src.split('-thumb');
		fileExt=".jpg";
		if (patientGender=='m' && (thumbSelected==0 || thumbSelected==1 || thumbSelected==2))
			fileExt="M.jpg";
        thisIdThumb.src = sourceThumb[0] + "-thumb" + fileExt;
        thumbSelected = theId; */
	}
    else if (!freezeClick) {
		document.getElementById('instructions').src = "images/caseGallery/thumbnails/instruct2.jpg";
        thisIdThumb = document.getElementById(thumbSelected);		
		bordLeft = getPos(document.getElementById(theId));
		bordTop = getTopPos(document.getElementById(theId));
		bordImg = document.getElementById("selectedThumb");
		bordImg.style.top = bordTop;
		bordImg.style.left = bordLeft;
		//bordImg.attachEvent("onclick", function() {imgClick(theId);});
		thumbOff = theId; //used with the onclick event
		bordImg.style.display = "block";
		bordImg.style.visibility = "visible";		
		fileExt=".jpg";
		if (patientGender=='m' && (theId==0 || theId==1 || theId==2))
			fileExt="M.jpg";        
        sourceThumb = thisIdThumb.src.split('-thumb');
        thisIdThumb.src = sourceThumb[0] + "-thumb" + fileExt;
        thisId = document.getElementById(theId);
        source = thisId.src.split('-thumb');
        thisId.src = source[0] + "-thumb-over" + fileExt;
        thumbSelected = theId;
		freezeClick = true;
        imgBefore = document.getElementById('before');
        imgAfter = document.getElementById('after');
        imgBefore.style.backgroundImage = 'url(' + imgDirBefore + imgArray[thumbSelected] + ".jpg" + ')';
        imgAfter.style.backgroundImage = 'url(' + imgDirAfter + imgArray[thumbSelected] + ".jpg" + ')';
    }
}

function init(){	
    mainT = document.getElementById('mainTable');
    titleDiv = document.getElementById('mainTitle');
    logoDiv = document.getElementById('invisLogo');
    caseSel = document.getElementById('caseSelection');
	selCase = document.getElementById('selectedCase');	
	caseNav = document.getElementById('caseNavigate');
	caseDet = document.getElementById('caseDetail');
	blueN = document.getElementById('blueNav');
	leftN = document.getElementById('leftNav');
	cubeNav = document.getElementById('nav');
	mov = document.getElementById('movie');
	iheader = document.getElementById('cgHeader2');
	caseIn = document.getElementById('caseInfo');
	cRight = document.getElementById('copyright');	
	introL = document.getElementById('introLayer');
	tLink = document.getElementById('techLink');
	instr = document.getElementById('instructions');
		
    startPoint = getPos(mainT);
	startTopPt = getTopPos(mainT);
	introL.style.top = startTopPt + 77 + "px";
	introL.style.left = startPoint + 255 + "px";
    document.getElementById('zoom').style.top = startTopPt + 77 + "px";
    document.getElementById('zoom').style.left = startPoint + 261 + "px";
    logoPos = startPoint + 829;
    leftN.style.top = startTopPt + 80 + "px";
	cRight.style.top = startTopPt + 700 + "px";
    leftN.style.left = startPoint + 5 + "px";
    titleDiv.style.left = startPoint + 21 + "px";
    logoDiv.style.left = logoPos + "px";
	caseSel.style.left = startPoint + 16 + "px";
	selCase.style.left = startPoint + 263 + "px";
	cRight.style.left = startPoint + 650 + "px";
	
    blueDiv = getPos(blueN);
	blueDivTop = getTopPos(blueN);
	caseDet.style.top = blueDivTop + 2 + "px";
	caseNav.style.top = blueDivTop + 2 + "px";
	caseDet.style.left = blueDiv + 225 + "px";
	caseNav.style.left = blueDiv + 10 + "px";
	nav.style.top = blueDivTop + 30 + "px";
	nav.style.left = blueDiv + 10 + "px";
	mov.style.top = blueDivTop + 32 + "px";
	mov.style.left = blueDiv + 481 + "px";
	iheader.style.top = blueDivTop + 34 + "px";
	iheader.style.left = blueDiv + 228 + "px";
    caseIn.style.top = blueDivTop + 66 + "px";
    caseIn.style.left = blueDiv + 228 + "px";
    tLink.style.top = blueDivTop + 157 + "px";
    tLink.style.left = blueDiv + 228 + "px";
  
    document.getElementById('cgHeader').innerHTML = gallery[slide][0];
    iheader.innerHTML = gallery[slide][0];
    imgBefore = document.getElementById('before');
    imgAfter = document.getElementById('after');
    imgBefore.style.backgroundImage = 'url(' + imgDirBefore + "smile.jpg" + ')';
    imgAfter.style.backgroundImage = 'url(' + imgDirAfter + "smile.jpg" + ')';
	    
    document.getElementById('vidLink').href = "caseGallery/video.html?view=" + gallery[slide][1] + "&vfile=Anterior&slide=" + slide;
	
	//mark selected menu item
	
	//remove previous arrow image
	theHTML = document.getElementById('item' + currentSlide).innerHTML;
	if (theHTML.indexOf("arrowImage") != -1){
		tHTML = theHTML.split('<DIV');
		tHTML[1] = '</a>';
		theHTML = tHTML[0] + tHTML[1];		
		document.getElementById('item' + currentSlide).innerHTML = theHTML;
		document.getElementById('item' + currentSlide).className = null;
		document.getElementById('itm' + currentSlide).className = null;
	}
	
	if (!showIntro) {
		//add arrow image
		document.getElementById('item' + slide).className = 'selectedItem';
		document.getElementById('itm' + slide).className = 'selectedItemText';
		theHTML = document.getElementById('item' + slide).innerHTML;
		theHTML = theHTML.replace(/<\/a>/i, '<div id="arrowImage"><img border="0" src="images/arrow.gif" align="middle" /></div></a>');
		document.getElementById('item' + slide).innerHTML = theHTML;
	}
	
	window.onresize = function () {
		if (!lightOn) {
			setPos();
			init();
		}	
	};
	currentSlide=slide;
	
	
	//    document.getElementById('display').style.visibility = 'visible';
    document.getElementById('zoom').style.visibility = 'visible';
    cubeNav.style.visibility = 'visible';
    leftN.style.visibility = 'visible';
    mov.style.visibility = 'visible';
    caseIn.style.visibility = 'visible';
	iheader.style.visibility = 'visible';	
	titleDiv.style.visibility = 'visible';
	logoDiv.style.visibility = 'visible';
	caseSel.style.visibility = 'visible';
	selCase.style.visibility = 'visible';
	caseDet.style.visibility = 'visible';
	caseNav.style.visibility = 'visible';
	caseIn.style.visibility = 'visible';
	cRight.style.visibility = 'visible';
	if (showIntro)  {
		introL.style.visibility = 'visible';
		instr.style.visibility = 'hidden';	
		iheader.style.visibility = 'hidden';	
		caseIn.style.visibility = 'hidden';	
		tLink.style.visibility = 'hidden';
		selCase.style.visibility = 'hidden';
	}

}

function switchSlides(num, gender){
	if(showIntro)  {
		document.getElementById('caseInfo').style.visibility = 'visible';
		document.getElementById('cgHeader2').style.visibility = 'visible';
		document.getElementById('techLink').style.visibility = 'visible';
		document.getElementById('introLayer').style.visibility = 'hidden';	
		document.getElementById('instructions').style.visibility = 'visible';
		showIntro = false;
	}
	
	slide=num;
	patientGender = gender;
	imgDir="images/caseGallery/thumbnails/";
	if (patientGender == 'm') {
		document.getElementById('0').src = imgDir + "side-thumbM.jpg";
		document.getElementById('1').src = imgDir + "frontal-thumbM.jpg";
		document.getElementById('2').src = imgDir + "smile-thumb-overM.jpg";
	}
	else {
		document.getElementById('0').src = imgDir + "side-thumb.jpg";
		document.getElementById('1').src = imgDir + "frontal-thumb.jpg";
		document.getElementById('2').src = imgDir + "smile-thumb-over.jpg";			
	}
	
	imgDirBefore = "images/caseGallery/" + gallery[slide][1] + "/before/before-";
	imgDirAfter = "images/caseGallery/" + gallery[slide][1] + "/after/after-";
	
	if (freezeClick) {
		document.getElementById('selectedThumb').style.display="none";
		document.getElementById('selectedThumb').style.visibility="hidden";
		freezeClick = false;
	}
	
	document.getElementById('caseInfo').innerHTML = caseDetail[num][0];
	document.getElementById('techURL').href=caseDetail[num][1];
	
	init();	
	imgOver(2);
	
}