// JavaScript Document
var currentPage;
var rollOvers = new Array();
rollOvers["home"] = new Image();rollOvers["home"].src = "images/common/navBar/home.gif";
rollOvers["homeR"] = new Image();rollOvers["homeR"].src = "images/common/navBar/homeR.gif";
rollOvers["aboutUs"] = new Image();rollOvers["aboutUs"].src = "images/common/navBar/aboutUs.gif";
rollOvers["aboutUsR"] = new Image();rollOvers["aboutUsR"].src = "images/common/navBar/aboutUsR.gif";
rollOvers["ourServices"] = new Image();rollOvers["ourServices"].src = "images/common/navBar/ourServices.gif";
rollOvers["ourServicesR"] = new Image();rollOvers["ourServicesR"].src = "images/common/navBar/ourServicesR.gif";
rollOvers["invitations"] = new Image();rollOvers["invitations"].src = "images/common/navBar/invitations.gif";
rollOvers["invitationsR"] = new Image();rollOvers["invitationsR"].src = "images/common/navBar/invitationsR.gif";
rollOvers["lithoPrinting"] = new Image();rollOvers["lithoPrinting"].src = "images/common/navBar/lithoPrinting.gif";
rollOvers["lithoPrintingR"] = new Image();rollOvers["lithoPrintingR"].src = "images/common/navBar/lithoPrintingR.gif";
rollOvers["digitalPrinting"] = new Image();rollOvers["digitalPrinting"].src = "images/common/navBar/digitalPrinting.gif";
rollOvers["digitalPrintingR"] = new Image();rollOvers["digitalPrintingR"].src = "images/common/navBar/digitalPrintingR.gif";
rollOvers["largeFormat"] = new Image();rollOvers["largeFormat"].src = "images/common/navBar/largeFormat.gif";
rollOvers["largeFormatR"] = new Image();rollOvers["largeFormatR"].src = "images/common/navBar/largeFormatR.gif";
rollOvers["specialOffers"] = new Image();rollOvers["specialOffers"].src = "images/common/navBar/specialOffers.gif";
rollOvers["specialOffersR"] = new Image();rollOvers["specialOffersR"].src = "images/common/navBar/specialOffersR.gif";
rollOvers["contactUs"] = new Image();rollOvers["contactUs"].src = "images/common/navBar/contactUs.gif";
rollOvers["contactUsR"] = new Image();rollOvers["contactUsR"].src = "images/common/navBar/contactUsR.gif";
rollOvers["back"] = new Image(); rollOvers["back"].src = "images/common/jQuery/back.gif";
rollOvers["backR"] = new Image(); rollOvers["backR"].src = "images/common/jQuery/backR.gif";
rollOvers["next"] = new Image(); rollOvers["next"].src = "images/common/jQuery/next.gif";
rollOvers["nextR"] = new Image(); rollOvers["nextR"].src = "images/common/jQuery/nextR.gif";

function rollOver(elemId,num)
{
	switch(num)
	{
		case 0:
			document.getElementById(elemId).src = rollOvers[elemId].src;
		break;
		case 1:
			document.getElementById(elemId).src = rollOvers[elemId+"R"].src;
		break;
	}
}

function initPage(){
	setShadow();
	setStickyMenu();
	if(currentPage == 'invitations' || currentPage == 'lithoPrinting' || currentPage == 'digitalPrinting'){
		initGallery();	
	}
	/*
	if(currentPage == 'contactUs'){		
		 //initialize google map
		var latlng = new google.maps.LatLng(51.5805266, -0.210613);
		var myOptions = {
		  zoom: 15,
		  center: latlng,
		  mapTypeId: google.maps.MapTypeId.ROADMAP
		};
		var map = new google.maps.Map(document.getElementById("map_canvas"),
			myOptions);	
		
		var marker = new google.maps.Marker({
		  position: latlng, 
		  map: map, 
		  title:"the Print Team"
		});
	}
	*/
}

//Setting Sticky Menu
function setStickyMenu(){
	document.getElementById(currentPage).src = rollOvers[currentPage+'R'].src;
	rollOvers[currentPage].src = rollOvers[currentPage+'R'].src;
}

function setShadow()
{	
	var mH = document.getElementById("mainContent").offsetHeight;
	var bH = document.getElementById("paperBottom").offsetHeight;
	document.getElementById('shadowL').style.height = (mH+bH-13)+"px";	
	document.getElementById('shadowR').style.height = (mH+bH-13)+"px";		
}

function getDocHeight() {
    var D = document;
    return Math.max(
        Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
        Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
        Math.max(D.body.clientHeight, D.documentElement.clientHeight)
    );
}

/// Invitations Modal Window

var currentCase = 1;
var caseArray = new Array();
function initGallery()
{
	caseArray.push(document.getElementById("case1Large"));
	caseArray.push(document.getElementById("case2Large"));
	caseArray.push(document.getElementById("case3Large"));
	caseArray.push(document.getElementById("case4Large"));
	
	if(currentPage == 'invitations')
	{
		caseArray.push(document.getElementById("case5Large"));
		caseArray.push(document.getElementById("case6Large"));
		caseArray.push(document.getElementById("case7Large"));
		caseArray.push(document.getElementById("case8Large"));
	}
}

function openModalWindow(num)
{
	document.getElementById("modalWindow").style.visibility = "visible";
	
	document.getElementById("modalOverlay").style.filter = "alpha(opacity=50)";
	document.getElementById("modalOverlay").style.MozOpacity = 0.5;
	document.getElementById("modalOverlay").style.opacity = 0.5;	
	
    document.getElementById("modalOverlay").style.height = getDocHeight()+"px";	
	
	currentCase = num;
	
	//Hide all gallery images
	for(var i=0;i<caseArray.length;i++)
	{
		caseArray[i].style.visibility = "hidden";
	}
	
	//hide back button
	if(num == 1){
		document.getElementById('back').style.visibility = 'hidden';	
	} else {
		document.getElementById('back').style.visibility = 'visible';
	}
	//hide next button
	switch(currentPage)
	{
		case 'invitations':	
			if(num == 8){
				document.getElementById('next').style.visibility = 'hidden';	
			} else {
				document.getElementById('next').style.visibility = 'visible';
			}
		break;
		case 'lithoPrinting':	
			if(num == 4){
				document.getElementById('next').style.visibility = 'hidden';	
			} else {
				document.getElementById('next').style.visibility = 'visible';
			}
		break;	
		case 'digitalPrinting':	
			if(num == 4){
				document.getElementById('next').style.visibility = 'hidden';	
			} else {
				document.getElementById('next').style.visibility = 'visible';
			}
		break;	
	}
	
	switch(num)
	{
		case 1:		
		document.getElementById("case1Large").style.visibility = "visible";
		break;
		case 2:
		document.getElementById("case2Large").style.visibility = "visible";
		break;
		case 3:
		document.getElementById("case3Large").style.visibility = "visible";
		break;
		case 4:
		document.getElementById("case4Large").style.visibility = "visible";
		break;
		case 5:
		document.getElementById("case5Large").style.visibility = "visible";
		break;
		case 6:
		document.getElementById("case6Large").style.visibility = "visible";
		break;
		case 7:
		document.getElementById("case7Large").style.visibility = "visible";
		break;
		case 8:
		document.getElementById("case8Large").style.visibility = "visible";
		break;
	}
}

function closeModalWindow()
{
	document.getElementById("modalWindow").style.visibility = "hidden";
	document.getElementById('back').style.visibility = 'hidden';
	document.getElementById('next').style.visibility = 'hidden';
	
	for(var i=0;i<caseArray.length;i++)
	{
		caseArray[i].style.visibility = "hidden";
	}
}

function changeImage(num)
{
	switch(num)
	{
		case 0:
			switch(currentCase)
			{
				case 1:
				break;
				case 2:
					openModalWindow(1);
				break;
				case 3:
					openModalWindow(2);
				break;
				case 4:	
					openModalWindow(3);
				break;
				case 5:	
					openModalWindow(4);
				break;
				case 6:	
					openModalWindow(5);
				break;
				case 7:	
					openModalWindow(6);
				break;
				case 8:	
					openModalWindow(7);
				break;
			}
		break;
		case 1:
			switch(currentCase)
			{
				case 1:
					openModalWindow(2);
				break;
				case 2:
					openModalWindow(3);
				break;
				case 3:
					openModalWindow(4);
				break;
				case 4:	
					openModalWindow(5);
				break;
				case 5:	
					openModalWindow(6);
				break;
				case 6:	
					openModalWindow(7);
				break;
				case 7:	
					openModalWindow(8);
				break;
				case 8:
				break;
			}
		break;
	}
}