var miniVMO = true;

function closeMiniVMO() {
	$('miniVMOControl').style.display='none'
	$('minivmoBt').style.display='none'
	if ($('minivmoSwf')) $('minivmoSwf').style.display='block'
	$('miniContentContainer').style.display='none'
}

function isVMOPage() {
	docLocation = document.location.href;
	docLocation = docLocation.substring(7,docLocation.length).substring(docLocation.substring(7,docLocation.length).indexOf('/'), docLocation.substring(7,docLocation.length).length)
	return docLocation.indexOf('/products/product.jsp?productId=')==0 ? true : false;   	
}

function openMiniVMO() {
	$('miniVMOControl').style.display='block'
	$('miniContentContainer').style.display='block';
	$('minivmoBt').style.display='block'
	$('miniVMOLogo').style.display='block';
	$('cgmakeupmirrorContainer').style.display='block';
	if ($('minivmoSwf')) $('minivmoSwf').style.display='none'
	if (vmoTransient) {
		//transient users
		loggedOutMiniVMO();
	} else {
		//non transient users
		$('miniContent').style.display='none'

		if (!systemPass) {
			try {
				$('miniVMONotMet').style.margin='-50px 0 30px 0'
				$('miniVMOMet').style.display='none';
				$('miniVMONotMet').style.display='block'
				$('miniVMOContainer').style.display='block';
				$('miniVMONotMetLogo').style.marginTop='20px'
				$('miniVMONotMetLogo').innerHTML = $('miniVMOLogo').innerHTML;
				$('miniVMONotMetLogo').style.display='block'
				return
			} catch(err) {}
		}

		if (isVMOPage()) {
			//supported products
			if (unSupportedProd.indexOf(getQueryVariable('productId'))==-1) {
				$('miniVMOBody').style.display='block';
				loggedInMiniVMO(0);
			} else {
				$('miniContent').style.display='none';
				$('miniVMOBody').style.display='none';
				$('miniVMOUnsupported').style.display='block';
				$('miniVMOSorryMsg').style.display='block';
			}			
		} else {
			//unsupported products
			$('miniVMOBody').style.display='none';
			$('miniVMONonProduct').style.display='block';
			$('miniContent').style.display='none'
		}
	}
}

function loggedInMiniVMO(initialLogin) {
	if (initialLogin!=0) { //method not run from openMiniVMO()
		if (isVMOPage()) {
			//unsupported products
			if (unSupportedProd.indexOf(getQueryVariable('productId'))>=0) {
				$('miniContent').style.display='none';
				$('miniVMOBody').style.display='none';
				$('miniVMOUnsupported').style.display='block';
			}		
		} else {
			//nonProduct Page
			$('miniContent').style.display='none'
			if (initialLogin==0) $('miniVMONonProduct').style.display='block';
		}
		closeMiniVMO()
		return;
	}

	if(IsEZfaceActiveXInstalled()) {
		if (!ezFaceLoaded) {
			setTimeout('showMiniVMO()',1);
			modelShade = new Array;
			
			modelShade['Very Light'] = 1;
			modelShade['Light'] = 4;
			modelShade['Medium'] = 8;
			modelShade['Deep'] = 9;

			//LoadEZfaceActiveXtoPage();
			//Load_ActiveX_LoginGuestUser_SetLastPhoto();
			LoadEZfaceActiveXtoPageByUser(strUserLogin)	
			
			try {
				ApplyUserPhoto(0);
				$('miniVMOMessage').innerHTML = 'Upload your photo or use this model to try on makeup while you browse the site!'
				$('miniVMOFooter').innerHTML = 'Replace this model image with your own photo to see yourself in hundreds of shades!'				
			} catch(err) {
				for (x in modelShade) {
					 if (typeof modelShade[x] != 'function') {
						if (userSkinShade.indexOf(x)==0) {
							if (modelShade[x]!= currentEZFace) {
								LoadModelPhoto(modelShade[x]);
								currentEZFace = modelShade[x];
								break;
							}
						}				 	
					 }
				}
				$('miniVMOMessage').innerHTML = 'Click from page to page and try on shades while you browse the site.'
				$('miniVMOFooter').innerHTML = 'Replace this model image with your own photo to see yourself in hundreds of shades!'

			}
			$('miniVMOControl').style.display='block'
		}
		ezFaceLoaded = true;
	} else {
		if (systemPass && installVMO) {
			//ask if user wants to install
			install = confirm("Would you like to install your CoverGirl Makeup Mirror?")
			if (install) {
				document.location = '/connect/makeupmirror/installer.jsp'
			} else {
				installVMO = false;
				notSupported();
			}			
		} else {
			notSupported();
		}
	}
}


function notSupported() {
		$('miniContent').style.display='none';
		$('miniVMOMet').style.display='none';
		$('miniVMONotMet').style.display='block'
		$('miniVMOContainer').style.display='block';
		$('miniVMONotMetLogo').style.marginTop='10px'
		$('miniVMONotMetLogo').innerHTML = $('miniVMOLogo').innerHTML;
		$('miniVMOLogo').style.display='none'
		$('miniVMOUnsupportedContainer').style.display='block'
}

function loggedOutMiniVMO() {
	$('miniContent').style.display='block';
	$('miniVMOControl').style.display='block';
	$('miniVMOBody').style.display='none';
}

function showMiniVMO() {
	$('miniContent').style.display='none'
	$('miniVMOBody').style.display='block'
	if ($('minivmoSwf')) $('minivmoSwf').style.display='none'
		
	$('minivmoBt').style.display='block'
	$('miniVMOControl').style.display='block'
	if(!nailVMO) {
			//display faceMiniVMO
			$('miniVMOPlaceHolder').style.height='275px'
			$('miniVMOFaceFrame').style.visibility='visible'
			$('miniVMODefault').style.visibility='visible'
			$('miniVMOButtons').style.marginTop='242px'
			$('miniVMOBefore').style.margin='13px 0 0 3px'
			$('miniVMOAfter').style.margin='24px 0 0 147px'	
			$('vmoUploadMsg').style.display='block';
			$('miniVMOLogo').style.marginTop = '-10px'
			if ($('miniVMOSwatch1DIV')) {
				$('faceMiniVMO').style.margin='200px 0 0 -11px'
			} else {
				$('faceMiniVMO').style.margin='163px 0 0 -11px'
			}
			$('faceMiniVMO').style.visibility='visible'

		} else {
			//display nailsMiniVMO
			$('miniVMOPlaceHolder').style.height='141px'
			$('nailMiniVMO').style.margin='-73px 0 0 -12px';
			$('nailMiniVMO').style.visibility='visible'
			$('miniVMONailFrame').style.visibility='visible'
			$('miniVMONail').style.visibility='visible'
			$('miniVMOButtons').style.marginTop='150px'
			$('miniVMOBefore').style.margin='-12px 0 0 30px'
			$('miniVMOAfter').style.margin='-4px 0 0 126px';
			$('vmoUploadMsg').style.display='block';
			$('miniVMOLogo').style.marginTop = '20px'
		}
}

function miniVMOCompatible() {
	if (systemPass) {
		try {
			$('miniVMOControl').style.display='block';
			$('miniVMOBody').style.display='block';
			return true;
		} catch(err) {}
	} else {
		try {
			$('miniVMOMet').style.display='none';
			$('miniVMONotMet').style.display='block'
			$('miniVMOContainer').style.display='block';
			$('miniVMONotMetLogo').style.marginTop='20px'
			$('miniVMONotMetLogo').innerHTML = $('miniVMOLogo').innerHTML;
			$('miniVMOLogo').style.display='none'
			return false;
		} catch(err) {}
	}
}