//Browser Support Code


function ajaxFunction(){
	var ajaxRequest;  // The variable that makes Ajax possible!
	
	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	return ajaxRequest;
}

function change_image(newpage){
	
	//decrease(100);
	var oldpage = document.getElementById('cpage').value;
	var oldpagediv = "page_"+oldpage;
	var newpagediv = "page_"+newpage;
	
	document.getElementById('cpagediv').value = oldpagediv;

	ajaxRequest = ajaxFunction();
	ajaxRequest.onreadystatechange = function(){
			if(ajaxRequest.readyState == 4){
				document.getElementById('imgframe').innerHTML = ajaxRequest.responseText;
				//$(".content").show("slow"); //animation
				//$("#imgframe").html(html);
				document.getElementById(oldpagediv).className = "borderoff";
				document.getElementById(newpagediv).className = "borderon";
				document.getElementById('cpage').value = newpage;
				//increase(0);
			}
		}

	ajaxRequest.open("GET", "generate_image.php?page="+newpage, true);
	ajaxRequest.send(null); 
}

function change_image2(newpage){
	
	//$("#imgframe").fadeOut("slow");
	var oldpage = document.getElementById('cpage').value;
	var oldpagediv = "page_"+oldpage;
	var newpagediv = "page_"+newpage;
	
	document.getElementById('cpagediv').value = oldpagediv;
	
	$.ajax({
			method: "get",url: "generate_image.php",data: "page="+newpage,
			//beforeSend: function(){$("#imgframe").fadeOut("slow"); }, //show loading just when link is clicked
			
			success: function(html){ //so, if data is retrieved, store it in html
				//$("#imgframe").hide("slow"); //stop showing loading when the process is complete
				$("#imgframe").html(html); //show the html inside .content div
				$("#imgframe").fadeIn("slow"); //animation
				
				document.getElementById(oldpagediv).className = "borderoff";
				document.getElementById(newpagediv).className = "borderon";
				document.getElementById('cpage').value = newpage;
		 	}
	 });
}



function increase(opac){
	if(opac < 100){
		document.getElementById('imgframe').style.opacity = opac;
		document.getElementById('imgframe').style.mozopacity = opac;
		document.getElementById('imgframe').style.filter = 'alpha(opacity='+(opac*100)+')';
		// the 0.05 is the increment, therefore it will take 20 steps
		//the 80 is the delay/speed of the transition
		setTimeout('increase('+(opac + 0.10)+')',80);
	}
}
function decrease(opac){
	if(opac > 0){
	document.getElementById('imgframe').style.opacity = opac;
	document.getElementById('imgframe').style.mozopacity = opac;
	document.getElementById('imgframe').style.filter = 'alpha(opacity='+(opac*100)+')';
	// the 0.05 is the increment, therefore it will take 20 steps
	//the 80 is the delay/speed of the transition
	setTimeout('decrease('+(opac - 0.10)+')',80);
	}
}
function CloseWindow() {
		window.opener.focus();
		window.close();
}