$(document).ready(function() {
	$("#pageSelectPrev img").hover(function() {
			$(this).attr("src","images/previous_o.jpg");
		}, function() {
			$(this).attr("src","images/previous.jpg");
	});
	$("#pageSelectNext img").hover(function() {
			$(this).attr("src","images/next_o.jpg");
		}, function() {
			$(this).attr("src","images/next.jpg");
	});
	$("#pageSelectPrev").click(function() {
		$("#pageSelect option:selected").prev().attr("selected","true");
		$("#pageSelect").change();
		return false;
	});
	$("#pageSelectNext").click(function() {
		$("#pageSelect option:selected").next().attr("selected","true");
		$("#pageSelect").change();
		return false;
	});
	$("#pageSelect").change(function() {
		window.open('page.php?p='+$(this).val(),'_self');
		//loadNewPage($(this).val());
	});
	
	
});

var gallerybox = "";

function loadNewPage(id) {
	$.getJSON('json/loadpage.php?id='+id, function(data) {
	  $("#pagePreviewTitle").text('');	
	  //alert(data.articles[0].title);
	  $("#pagePreviewImg").html("<img src='uploads/newspaperpages/thumbs/"+data.page.img+"' id='page_"+id+"' />");
	  if (data.pdf != '') {
		$("#pdflink").html("<a href='uploads/newspaperpages/"+data.pdf+"' target='_blank'><img src='images/adobe_pdf_icon.png' width='28' height='28' border='0' /></a>");
	  }	 else {
		$("#pdflink").html('');
	  }
	  var setborder = "";
	  if (data.articles != undefined || data.articles != null) {
		  for (var i=0;i < data.articles.length;i++) {
			if (i==0)
				$("#pagePreviewTitle").text(data.articles[i].title);	
			if (gallerybox == data.articles[i].boxid) {
				setborder = "border: 4px solid #FF0000;";			
			} else {
				setborder = "";
			}	
			$("#pagePreviewImg").append("<a href='article.php?article="+data.articles[i].id+"&d="+data.page.thedate+"' class='imgMap' id='imgMap_"+data.articles[i].boxid+"' title='"+data.articles[i].title+"' style='cursor:hand; cursor:pointer; display:block; position: absolute; top: "+data.articles[i].y +"px; left: "+data.articles[i].x+"px; width: "+(data.articles[i].w - 8)+"px; height: "+(data.articles[i].h - 8)+"px; background: url(images/bg_transparent.png);"+setborder+"'></a>");
		  }
	  }
	  setImgMap();
	});
}

function setImgMap() {
	$(".imgMap").hover(function() {
			$(".imgMap").css("border","none");
			$(this).css("border","4px solid #FF0000");	
			$("#pagePreviewTitle").text($(this).attr("title"));
		}, function() {
			$(this).css("border","none");
			if (gallerybox != '') {				
				$("#imgMap_"+gallerybox).css("border","4px solid #FF0000");
				$("#pagePreviewTitle").text($("#imgMap_"+gallerybox).attr("title"));				
			}
	});
	if (gallerybox != '') {				
		$("#imgMap_"+gallerybox).css("border","4px solid #FF0000");
		$("#pagePreviewTitle").text($("#imgMap_"+gallerybox).attr("title"));				
	}	
	//alert('set imgmap');
}
