// Cybermuse - VERONESE IconographyAnalysis script
// Developer: Dan Copeland - BV02, Ottawa ON

$(document).ready(function(){
	var previousItemId;
	var uiEnabled = false;
	var firstRun = true;
	var itemId = 1;

	/*$.preloadImages(
		"../images/iconography/icono-1.png",
		"../images/iconography/icono-2.png",
		"../images/iconography/icono-3.png",
		"../images/iconography/icono-4.png",
		"../images/iconography/icono-5.png",
		"../images/iconography/icono-6.png",
		"../images/iconography/icono-7-a.png",
		"../images/iconography/icono-7-b.png",
		"../images/iconography/icono-7-c.png",
		"../images/iconography/icono-7-d.png",
		"../images/iconography/icono-7-e.png",
		"../images/iconography/icono-8.png",
		"../images/iconography/icono-9.png",
		"../images/iconography/icono-10.png",
		"../images/iconography/icono-11-a.png",
		"../images/iconography/icono-11-b.png",
		"../images/iconography/icono-11-c.png",
		"../images/iconography/icono-1-current.png",
		"../images/iconography/icono-2-current.png",
		"../images/iconography/icono-3-current.png",
		"../images/iconography/icono-4-current.png",
		"../images/iconography/icono-5-current.png",
		"../images/iconography/icono-6-current.png",
		"../images/iconography/icono-7-a-current.png",
		"../images/iconography/icono-7-b-current.png",
		"../images/iconography/icono-7-c-current.png",
		"../images/iconography/icono-7-d-current.png",
		"../images/iconography/icono-7-e-current.png",
		"../images/iconography/icono-8-current.png",
		"../images/iconography/icono-9-current.png",
		"../images/iconography/icono-10-current.png",
		"../images/iconography/icono-11-a-current.png",
		"../images/iconography/icono-11-b-current.png",
		"../images/iconography/icono-11-c-current.png"
	);*/


	function discoverAltarpiece(){
		$('#iconographyModal').fadeIn('slow', function(){
			$('#iconographyModal .introText').fadeIn('normal');
			$('#modalBtn').fadeIn('slow');
		});
	}
	$('#modalBtn, #iconographyModal').bind('click', function(){
		revealAltarpiece();
		return false;
	});
	$('#iconographyRightNav li a').bind('click', function(){
		itemId = $(this).parent('li').attr('class').replace('item-','');
		FadeNavItemIn(itemId);
		toggleDetails(itemId);
		return false;
	});
	$('#iconographyRightNav li a').bind('mouseover', function(){
		itemId = $(this).parent('li').attr('class').replace('item-','');
		FadeNavItemIn(itemId);
	});
	$('#iconographyRightNav li a').bind('mouseout', function(){
		if(previousItemId !== itemId){
			itemId = $(this).parent('li').attr('class').replace('item-','');
			FadeNavItemOut(itemId);
		}
	});
	$('#iconographyLeftNav div a').bind('mouseover', function(){
		itemId = $(this).siblings('span').attr('id').replace('bg-','');
		FadeNavItemIn(itemId);
	});
	$('#iconographyLeftNav div span.leftIconoNavBg').bind('mouseout', function(){
		//alert('mouseover');
		itemId = $(this).attr('id').replace('bg-','');
		if(previousItemId !== itemId){
			FadeNavItemOut(itemId);
		}
	});
	$('#iconographyLeftNav div span.leftIconoNavBg').bind('click', function(){
		var sectionId = $(this).parent().attr('class').replace('item-','');
		toggleDetails(sectionId);
		return false;
	});
	$('a.down-arrow-sublink').bind('click', function(){
		$(window).scrollTo('#' + $(this).parent().parent().attr('id').replace('box-','full'),800);
		return false;
	});
	$('p.resetBtn a').bind('click', function(){
		uiEnabled = false;
		firstRun = false;
		discoverAltarpiece();
		$(this).fadeOut('slow');
		return false;
	});
	function setUpUI(){
		if(!uiEnabled){
			if(firstRun){
				$('#introText').fadeOut('slow');
				toggleDetails(1);
				uiEnabled = true;
			} else {
				$('#introText').fadeOut('slow');
				uiEnabled = true;
			}
		}
	}
	function revealAltarpiece(){
		$('#modalBtn').fadeOut('normal', function(){
			$('p.resetBtn a').fadeIn('slow');
			removeLightbox();
		});
	}
	function autoRevealAltarpiece(){
		uiEnabled = true;
		$('#modalBtn').fadeOut('normal', function(){
			$('p.resetBtn a').fadeIn('slow');
			removeLightbox();
		});
	}
	function removeLightbox(){
		$('#iconographyModal').fadeOut('slow', function(){
			setUpUI();
		});
	}
	var toggleDetails = function(iconId){
		if(!uiEnabled){
			autoRevealAltarpiece();
		}
		newContent = 'box-' + iconId;
		leftNavItem = 'bg-' + iconId;

		if(iconId !== previousItemId){
			previousItemId = iconId;
			showContent(newContent);
			highlightNavItem(iconId);
			$('#iconographyRightNav li a').removeClass('current');
			$('#iconographyRightNav li.item-' + iconId + ' a').addClass('current');
			//highlightNavItem(iconId);
		}
		previousItemId = iconId;
	};
	var showContent = function(current){
		$('#iconography-content div').animate({ opacity:0 }, 300).animate({ opacity:0 }, 0).fadeOut(240);
		$('#'+current).animate({ opacity:1 }, 300).animate({ opacity:1 }, 0).fadeIn(400);
		return false;
	};
	var backToTop = function(anchor,dur){
		$(window).scrollTo($('#'+ anchor), dur);
		return false;
	};
	
	// nav item highlight

	var highlightNavItem = function(iconId){
		//var iconoNavBg = '#iconographyLeftNav div span#bg-' + iconId;
		//alert(iconId);
		
		if (typeof document.body.style.maxHeight === "undefined") { //if IE 6
		} else {
			$('#iconographyLeftNav div span.leftIconoNavBg').css('display','none');		
			$('#iconographyLeftNav div.item-' + previousItemId + ' span.leftIconoNavBg').css('display','block');
	
		
			$('#iconographyLeftNav div span.leftIconoNavBg').removeClass('current');		
			//$('#iconographyLeftNav div.item-' + previousItemId + ' span.leftIconoNavBg').addClass('current');
	
			if(iconId == '7' | iconId == '7-1' | iconId == '7-2' | iconId == '7-3' | iconId == '7-4' | iconId == '7-5'){
				$('#iconographyLeftNav div span#bg-7-1').addClass('current');
				$('#iconographyLeftNav div span#bg-7-2').addClass('current');
				$('#iconographyLeftNav div span#bg-7-3').addClass('current');
				$('#iconographyLeftNav div span#bg-7-4').addClass('current');
				$('#iconographyLeftNav div span#bg-7-5').addClass('current');
			} else if(iconId == '11' | iconId == '11-1' | iconId == '11-2' | iconId == '11-3'){
				$('#iconographyLeftNav div span#bg-11-1').addClass('current');
				$('#iconographyLeftNav div span#bg-11-2').addClass('current');
				$('#iconographyLeftNav div span#bg-11-3').addClass('current');
			} else {
				$('#iconographyLeftNav div span#bg-' + iconId).addClass('current');
			}
		}
		FadeNavItemIn(iconId);
	};

	// nav item F2
	var FadeNavItemIn = function(iconId){
		var iconoNavBg = '#iconographyLeftNav div span#bg-' + iconId;
		
		if (jQuery.browser.msie) { //if IE
			$('#iconographyLeftNav div span.leftIconoNavBg').css('display','none');		
			$('#iconographyLeftNav div.item-' + previousItemId + ' span.leftIconoNavBg').css('display','block');
	
			if(iconId == '7' | iconId == '7-1' | iconId == '7-2' | iconId == '7-3' | iconId == '7-4' | iconId == '7-5'){
				$('#iconographyLeftNav div span#bg-7-1').css('display','block');
				$('#iconographyLeftNav div span#bg-7-2').css('display','block');
				$('#iconographyLeftNav div span#bg-7-3').css('display','block');
				$('#iconographyLeftNav div span#bg-7-4').css('display','block');
				$('#iconographyLeftNav div span#bg-7-5').css('display','block');
			} else if(iconId == '11' | iconId == '11-1' | iconId == '11-2' | iconId == '11-3'){
				$('#iconographyLeftNav div span#bg-11-1').css('display','block');
				$('#iconographyLeftNav div span#bg-11-2').css('display','block');
				$('#iconographyLeftNav div span#bg-11-3').css('display','block');
			} else {
				$('#iconographyLeftNav div span#bg-' + iconId).css('display','block');
			}
		} else {
			$('#iconographyLeftNav div span.leftIconoNavBg').css('display','none');		
			$('#iconographyLeftNav div.item-' + previousItemId + ' span.leftIconoNavBg').css('display','block');
	
			if(iconId == '7' | iconId == '7-1' | iconId == '7-2' | iconId == '7-3' | iconId == '7-4' | iconId == '7-5'){
				$('#iconographyLeftNav div span#bg-7-1').animate({ opacity:1 }, 0).fadeIn(640);
				$('#iconographyLeftNav div span#bg-7-2').animate({ opacity:1 }, 0).fadeIn(640);
				$('#iconographyLeftNav div span#bg-7-3').animate({ opacity:1 }, 0).fadeIn(640);
				$('#iconographyLeftNav div span#bg-7-4').animate({ opacity:1 }, 0).fadeIn(640);
				$('#iconographyLeftNav div span#bg-7-5').animate({ opacity:1 }, 0).fadeIn(640);
			} else if(iconId == '11' | iconId == '11-1' | iconId == '11-2' | iconId == '11-3'){
				$('#iconographyLeftNav div span#bg-11-1').animate({ opacity:1 }, 0).fadeIn(640);
				$('#iconographyLeftNav div span#bg-11-2').animate({ opacity:1 }, 0).fadeIn(640);
				$('#iconographyLeftNav div span#bg-11-3').animate({ opacity:1 }, 0).fadeIn(640);
			} else {
				$('#iconographyLeftNav div span#bg-' + iconId).animate({ opacity:1 }, 0).fadeIn(640);
			}
		}
	};
	var FadeNavItemOut = function(iconId){
		if(iconId == '7-1' || iconId == '7-2' || iconId == '7-3' || iconId == '7-4' || iconId == '7-5'){
			if(previousItemId !== '7'){
				$('#iconographyLeftNav div span#bg-7-1').css('display','none');
				$('#iconographyLeftNav div span#bg-7-2').css('display','none');
				$('#iconographyLeftNav div span#bg-7-3').css('display','none');
				$('#iconographyLeftNav div span#bg-7-4').css('display','none');
				$('#iconographyLeftNav div span#bg-7-5').css('display','none');
				//alert('multiple of 7 fadeout: ' + iconId);
			} else {
				//alert('multiple of 7 no fadeout: ' + iconId);
			}
		} else if(iconId == '11-1' || iconId == '11-2' || iconId == '11-3'){
			if(previousItemId !== '11'){
				$('#iconographyLeftNav div span#bg-11-1').css('display','none');
				$('#iconographyLeftNav div span#bg-11-2').css('display','none');
				$('#iconographyLeftNav div span#bg-11-3').css('display','none');
				//alert('multiple of 11 fadeout: ' + iconId);
			} else {
				//alert('multiple of 11 no fadeout: ' + iconId);
			}
		} else {
			$('#iconographyLeftNav div span#bg-' + iconId).css('display','none');
		}
	};
	$('#iconographyLeftNav div span.leftIconoNavBg').each(function(){
		//$(this).attr('title',$(this).text());
	});
	$.preloadCssImages();
	discoverAltarpiece();
});