function loadpage(issue, pages)
{
	JulyMag = new magazine(issue, pages);
	showpage();
}
function magazine(issue, pages)
{
	this.issue=issue;
	arraylength = pages - 1;
	this.mediumpage=new Array(arraylength);
	this.largepage=new Array(arraylength);
	this.mediumimagemap=new Array(arraylength);
	this.largeimagemap=new Array(arraylength);
	for (i = 1; i <= pages; i++)
	{
		arrayvalue = i - 1;
		this.mediumimagemap[arrayvalue] = "#page" + i + "med";
		this.largeimagemap[arrayvalue] = "#page" + i + "lrg";
		if (i < 10)
		{
			this.mediumpage[arrayvalue] = issue + "/" + issue + "0" + i + "med.jpg";
			this.largepage[arrayvalue] = issue + "/" + issue + "0" + i + "lrg.jpg";
		}
		else
		{
			this.mediumpage[arrayvalue] = issue + "/" + issue + i + "med.jpg";
			this.largepage[arrayvalue] = issue + "/" + issue + i + "lrg.jpg";
		}

	}	
	this.currentpage=0;
	this.zoom=0;
}
function showpage()
{
	document.getElementById("loadingicon1").src = "images/loading.gif";
	document.getElementById("loadingicon2").src = "images/loading.gif";
	if (JulyMag.zoom == 0)
	{
		document.getElementById("magazine").src = JulyMag.mediumpage[JulyMag.currentpage];
		document.getElementById("magazine").setAttribute("usemap", JulyMag.mediumimagemap[JulyMag.currentpage], 0); 
	}
	else
	{
		document.getElementById("magazine").src = JulyMag.largepage[JulyMag.currentpage];
		document.getElementById("magazine").setAttribute("usemap", JulyMag.largeimagemap[JulyMag.currentpage], 0);	
	}
	
	//Enable and disable the buttons here
	//Disable previous button and cover page
	if (JulyMag.currentpage == 0)
	{	
		document.getElementById("prevbtn1").src="images/backdisabled.png";
		document.getElementById("prevbtn2").src="images/backdisabled.png";		
		document.getElementById("coverbtn1").src="images/coverdisabled.png";	
		document.getElementById("coverbtn2").src="images/coverdisabled.png";
	}
	else
	{
		document.getElementById("prevbtn1").src="images/back.png";
		document.getElementById("prevbtn2").src="images/back.png";
		document.getElementById("coverbtn1").src="images/cover.png";	
		document.getElementById("coverbtn2").src="images/cover.png";	
	}
	//Disable next button
	if (JulyMag.currentpage == JulyMag.mediumpage.length - 1)
	{
		document.getElementById("nextbtn1").src="images/forwarddisabled.png";	
		document.getElementById("nextbtn2").src="images/forwarddisabled.png";
	}
	else
	{
		document.getElementById("nextbtn1").src="images/forward.png";	
		document.getElementById("nextbtn2").src="images/forward.png";	
	}
	//Disable zoom buttons
	if (JulyMag.zoom == 0)
	{
		document.getElementById("zoominbtn1").src="images/zoomin.png";	
		document.getElementById("zoominbtn2").src="images/zoomin.png";
		document.getElementById("zoomoutbtn1").src="images/zoomoutdisabled.png";	
		document.getElementById("zoomoutbtn2").src="images/zoomoutdisabled.png";
	}
	else
	{
		document.getElementById("zoominbtn1").src="images/zoomindisabled.png";	
		document.getElementById("zoominbtn2").src="images/zoomindisabled.png";
		document.getElementById("zoomoutbtn1").src="images/zoomout.png";	
		document.getElementById("zoomoutbtn2").src="images/zoomout.png";
	}
}
function previouspage()
{
	if (JulyMag.currentpage == 0)
	{
		//Do nothing
	}
	else
	{
		JulyMag.currentpage=JulyMag.currentpage-1;
		showpage();
	}
}
function nextpage()
{
	if (JulyMag.currentpage == JulyMag.mediumpage.length - 1)
	{
		//Do nothing
	}
	else
	{
		JulyMag.currentpage=JulyMag.currentpage+1;
		showpage();
	}
}
function coverpage()
{
	if (JulyMag.currentpage == 0)
	{
		//Do nothing
	}
	else
	{
		JulyMag.currentpage=0;
		showpage();
	}
}
function zoomin()
{
	if (JulyMag.zoom == 0)
	{
		document.getElementById("magazine").width = 900;
		document.getElementById("magazine").height = 1278;
		JulyMag.zoom = 1;
		showpage();
	}
}
function zoomout()
{
	if (JulyMag.zoom == 1)
	{
		document.getElementById("magazine").width = 450;
		document.getElementById("magazine").height = 639;
		JulyMag.zoom = 0;
		showpage();
	}
}
function jumptopage(x)
{
	if (x == 1) 
	{
		requestedpage = parseInt(document.getElementById("pagenumber").value);
		if (!isNaN(requestedpage))
		{
			if (parseInt(requestedpage) > 0 && parseInt(requestedpage) <= JulyMag.mediumpage.length)
			{
				currentpage = document.getElementById("pagenumber").value - 1;
				JulyMag.currentpage = Math.round(currentpage);
				showpage();
			}
			else
			{
				alert("Please select a page between 1 and " + JulyMag.mediumpage.length);
				document.getElementById("pagenumber").value = JulyMag.currentpage +1;
			}
		}
		else
		{
			alert("Please enter a whole number");
			document.getElementById("pagenumber").value = JulyMag.currentpage +1;
		}
	}
	else if (x == 2)
	{
		requestedpage = parseInt(document.getElementById("pagenumber1").value);
		if (!isNaN(requestedpage))
		{
			if (parseInt(requestedpage) > 0 && parseInt(requestedpage) <= JulyMag.mediumpage.length)
			{
				currentpage = document.getElementById("pagenumber1").value - 1;
				JulyMag.currentpage = Math.round(currentpage);
				showpage();
			}
			else
			{
				alert("Please select a page between 1 and " + JulyMag.mediumpage.length);
				document.getElementById("pagenumber1").value = JulyMag.currentpage +1;
			}
		}
		else
		{
			alert("Please enter a whole number");
			document.getElementById("pagenumber1").value = JulyMag.currentpage +1;
		}

	}

}
function checkEnter(e, x)
{ //e is event object passed from function invocation
	var characterCode //literal character code will be stored in this variable
	
	if(e && e.which)
	{ //if which property of event object is supported (NN4)
		e = e
		characterCode = e.which //character code is contained in NN4's which property
	}
	else
	{
		e = event
		characterCode = e.keyCode //character code is contained in IE's keyCode property
	}
	if(characterCode == 13)
	{ //if generated character code is equal to ascii 13 (if enter key)
		jumptopage(x)
	}
}
function imageready()
{
	document.getElementById("pagenumber").value = JulyMag.currentpage + 1;
	document.getElementById("pagenumber1").value = JulyMag.currentpage + 1;
	document.getElementById("loadingicon1").src = "images/loadingdisabled.gif";
	document.getElementById("loadingicon2").src = "images/loadingdisabled.gif";
}

function newPopup(url) {
	popupWindow = window.open(
		url,'popUpWindow','height=700,width=905,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
}

