/********************************************************************************
	index.html
********************************************************************************/

function loadRows(){
	var contentTable = document.getElementById("the_table");
	tbody2 = document.createElement("tbody");
	var editorial_array = (eval(editorialContent)).editorial;
	for (var i=0; i<editorial_array.length; i++){
		ed_item = editorial_array[i];
		tbody2.appendChild(getSepRow());
		tbody2.appendChild(getContentRow(ed_item));
		//alert(editorial_array[i].title);
	}
	contentTable.appendChild(tbody2);
}

function getSepRow(){
	row = document.createElement("tr");
	column = document.createElement("td");
	column.colSpan=3;
	sep_img = document.createElement("img");
	sep_img.src = "../i/nav/hr-level1.gif";
	sep_img.height = 1;
	sep_img.width = 496;
	sep_img.alt = "";
	column.appendChild(sep_img);
	row.appendChild(column);
	return row;
}

function getContentRow(ed_item){
	title = ed_item.title
	desc =ed_item.desc;
	img_url = "images/tb/"+ed_item.code+".jpg";
	ed_code = ed_item.code;
	maxSize = getMaxSizeArray(ed_item.images);
	hasMany = (ed_item.images.length>1)?true:false;
	jsLink = "javascript:openEditorial('"+ed_code+"', "+maxSize[0]+", "+maxSize[1]+", "+hasMany+")";
	
	 row = document.createElement("tr");
	 column1 = document.createElement("td");
	 column1.className = "pthumb";
	 img_link = document.createElement("a");
	 img_link.href =jsLink;
	 img_tb =  document.createElement("img");
	 img_tb.src = img_url;
	 img_tb.width = 84;
	 img_tb.height = 84;
	 img_tb.alt = "";
	 img_link.appendChild(img_tb);
	 column1.appendChild(img_link);
	 
	 column2 = document.createElement("td");
	 column2.className = "rightCol";
	 column2.colSpan = 2;
	 
	 header1 = document.createElement("h3");
	 header1_link = document.createElement("a");
	 header1_link.href = jsLink;
	 header1_link.innerHTML = title;
	 header1.appendChild(header1_link);
	 column2.appendChild(header1);
	 
	 desc_p = document.createElement("p");
	 desc_p.innerHTML = desc;
	 column2.appendChild(desc_p);
	 
	 header2 = document.createElement("h3");
	 header2_link = document.createElement("a");
	 header2_link.href = jsLink;
	 header2_link.innerHTML = "Read full story";
	 header2.appendChild(header2_link);
	 column2.appendChild(header2);
	 
	 row.appendChild(column1);
	 row.appendChild(column2);
	 return row;
}

function getMaxSizeArray(imgArray){
	var maxWidth=0;
	var maxHeight=0;
	for(var i=0; i<imgArray.length; i++){
		if(imgArray[i].width>maxWidth)maxWidth=imgArray[i].width;
		if(imgArray[i].height>maxHeight)maxHeight=imgArray[i].height;
	}
	return [maxWidth,maxHeight];
}


function openEditorial(code, w, h, hasMany) {
    var myW = w+38;
    var myH = (hasMany)?h+60:h+35;
	if(screen.width<myW)myW = screen.width;
	var myX = (screen.availWidth/2) - myW/2;
	var myY = (screen.availHeight/2) - myH/2;
	myPopupWin = window.open("image.html?code="+code,"new_window","menubar=no, toolbar=no,location=no, directories=no, status=no, scrollbars=yes, resizable=no, copyhistory=no, width="+myW+", height="+myH+",left="+myX+",top="+myY+",screenX="+myX+",screenY="+myY+"");
	myPopupWin.focus();
}


/********************************************************************************
	image.html
********************************************************************************/


function getParameter(name){
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return results[1];
}

function loadFirstImage(){
	var ed_code = getParameter("code");
	var ed_img_no = getParameter("img_no");
	var editorial_array = (eval(editorialContent)).editorial;
	var currentEditorial;
	for (var i=0; i<editorial_array.length; i++){
		if(editorial_array[i].code==ed_code){
			currentEditorial = editorial_array[i];
			break;
		}
	}
	if(!ed_img_no)ed_img_no=1;
	var currentImage;
	var imageIndex;
	var nextIndex = -1;
	var prevIndex  =-1;
	for (var i=0; i<currentEditorial.images.length; i++){
		if(ed_img_no==i+1){
			currentImage = currentEditorial.images[i];
			imageIndex = i+1;
			if(i-1>0)prevIndex=i;
			if(i+1<currentEditorial.images.length)nextIndex=i+2;
			break;
		}
	}
	if(currentImage){
		ed_img = document.createElement("img");
		ed_img.src = "images/main/"+ed_code+"_"+imageIndex.toString()+".jpg";
		ed_img.width = currentImage.width;
		ed_img.height = currentImage.height;
		ed_img.id = "main_image";
		ed_img.alt = "";
		document.getElementById("the_column").appendChild(ed_img);
	}
	
	//preload images
	img1 = new Image();
	img1.src = "../i/pprev-off.gif";
	img2 = new Image();
	img1.src = "../i/pnext-off.gif";
	setNextPrevButtons(nextIndex, prevIndex);
	//self.resizeTo(currentImage.width+35, currentImage.height+45)
	//self.moveTo(((screen.availWidth/2) - currentImage.width/2), ((screen.availHeight/2) - currentImage.height/2))
	// if(!currentEditorial)window.close(); // exit
	
}

function getTheImage(imageIndex){
	var ed_code = getParameter("code");
	var ed_img_no = imageIndex;
	var editorial_array = (eval(editorialContent)).editorial;
	var currentEditorial;
	for (var i=0; i<editorial_array.length; i++){
		if(editorial_array[i].code==ed_code){
			currentEditorial = editorial_array[i];
			break;
		}
	}
	if(!ed_img_no)ed_img_no=1;
	var column = document.getElementById("the_column");
	var ed_img = document.getElementById("main_image");
	column.removeChild(ed_img);
	ed_img = document.createElement("img");
	ed_img.id = "main_image";
	var nextIndex = -1;
	var prevIndex  =-1;
	for (var i=0; i<currentEditorial.images.length; i++){
		if(ed_img_no==i+1){
			currentImage = currentEditorial.images[i];
			imageIndex = i+1;
			if(i-1>-1)prevIndex=i;
			if(i+1<currentEditorial.images.length)nextIndex=i+2;
			break;
		}
	}
	ed_img.src = "images/main/"+ed_code+"_"+imageIndex.toString()+".jpg";
	ed_img.width = currentImage.width;
	ed_img.height = currentImage.height;
	column.appendChild(ed_img);
	setNextPrevButtons(nextIndex, prevIndex);
	//self.resizeTo(currentImage.width+35, currentImage.height+125)
	//self.moveTo((screen.availWidth/2) - currentImage.width/2, (screen.availHeight/2) - currentImage.height/2)
}


function setNextPrevButtons(nextIndex, prevIndex){
	if(nextIndex==-1 && prevIndex==-1){
		document.getElementById("btn_row").style.display = "none";	
		return;
	}
	var next_img = document.createElement("img");
	next_img.height = 12;
	next_img.width = 47;
	
	var prev_img = document.createElement("img");
	prev_img.height = 12;
	prev_img.width = 47;
	
	btn_clmn = document.getElementById("btn_column");
	btn_clmn.innerHTML = "";
	if(prevIndex>0){
		prev_img.src = '../i/pprev.gif';
		prev_link = document.createElement("a");
		prev_link.href = "#";
		prev_link.onclick = function(){getTheImage(prevIndex)};
		prev_link.appendChild(prev_img);
		btn_clmn.appendChild(prev_link);
	}else{
		prev_img.src = '../i/pprev-off.gif';
		btn_clmn.appendChild(prev_img);
	}
	if(nextIndex>0){
		next_img.src = '../i/pnext.gif';
		next_link = document.createElement("a");
		next_link.href = "#";
		next_link.onclick =  function(){getTheImage(nextIndex)};
		next_link.appendChild(next_img);
		btn_clmn.appendChild(next_link);
	}else{
		next_img.src = '../i/pnext-off.gif'
		btn_clmn.appendChild(next_img);
	}
	/*btn_clmn.innerHTML = (previousIndex>0)?"<a href='getTheImage("+previousIndex+")'>":"";
	btn_clmn.innerHTML += (previousIndex>0)?"<img src='../i/pprev.gif' alt='PREV' height='12' width='47'>":"<img src='../i/pprev-off.gif' alt='PREV' height='12' width='47'>";
	btn_clmn.innerHTML += (previousIndex>0)?"</a>":"";
	btn_clmn.innerHTML += (nextIndex>0)?"<a href='javascript:getTheImage("+nextIndex+")'>":"";
	btn_clmn.innerHTML += (nextIndex>0)?"<img src='../i/pnext.gif' alt='NEXT' height='12' width='47'>":"<img src='../i/pnext-off.gif' alt='PREV' height='12' width='47'>";
	btn_clmn.innerHTML += (nextIndex>0)?"</a>":"";*/
}