var oDiv = document.createElement('div');
var oA = document.createElement('a');
var oP = document.createElement('p');
var oImg = document.createElement('img');
var oSpan = document.createElement('span');
var oBr = document.createElement('br');
var oH2 = document.createElement('h2');
var oH3 = document.createElement('h3');
var oH4 = document.createElement('h4');

var MiniArchive = {
	oGradientTopImg: oImg.cloneNode(true),
	oGradientBottomImg: oImg.cloneNode(true),
	aPrimaryStoryInfo: new Array(),
	oRecentStoriesNav: new HTMLObject(oDiv.cloneNode(true)),
	oRecentStories: new HTMLObject(oDiv.cloneNode(true)),
	oStoriesContainer: new Object(),
	oThumbnailGrid: oDiv.cloneNode(true),
	oRollOverTitle: new HTMLObject(oDiv.cloneNode(true)),
	oRollOverTitleP: new HTMLObject(oP.cloneNode(true)),
	oFullSizeImgDiv: oDiv.cloneNode(true),
	oFullSizeImg: new HTMLObject(oImg.cloneNode(true)),
	oArchiveStoryContainer: new HTMLObject(oDiv.cloneNode(true)),
	oArchiveStoryHeader: oH3.cloneNode(true),
	oArchiveStoryHeadline: oH4.cloneNode(true),
	oArchiveStoryDescription: oP.cloneNode(true),
	oArchiveStoryReadMore: oA.cloneNode(true),
	oResults: new Object(),
	oStories: new Object(),
	aStoriesHash: new Array(),
	aMainStoriesHash: new Array(),
	aThumbnailGridHash: new Array(),
	iStoriesTotal: 16,
	iStartingStory: 1,
	iStartingMainStories: 0,
	iMainStoriesAcross: 5,
	iArchiveStoriesStart: 6,
	iArchiveStoriesTotal: 10,
	iTitleTextCutOff: 16,
	iDescriptionTextCutOff: 68,
	iViewableHeight: 300,
	aPreloadImages: new Array(),
	iCurrentThumbnailId: 0,
	bProcessArchiveClickFlag: true,
	bAddTopStory: false,
	
	init: function(sMainStoryId,sStoriesContainerId,sStoriesXMLFile) {
		if(this.bAddTopStory == true) {
			this.iStartingMainStories = this.iStartingStory+1;
		} else {
			this.iStartingMainStories = this.iStartingStory;			
		}
		this.iArchiveStoriesStart = this.iStartingMainStories+this.iMainStoriesAcross;
		this.aPrimaryStoryInfo[0] = {div: new HTMLObject($(sMainStoryId))};
		this.oStoriesContainer = new HTMLObject($(sStoriesContainerId));
		Object.extend(this.oRecentStoriesNav,WhizBang.prototype);
		Object.extend(this.oRecentStories,WhizBang.prototype);
		if(browser.isIE == false) {
			this.oGradientTopImg.src = 'http://images.apple.com/jp/pro/images/miniarchive_gradient_top.png';
			this.oGradientBottomImg.src = 'http://images.apple.com/jp/pro/images/miniarchive_gradient_bottom.png';
			this.oStoriesContainer.appendChild(this.oGradientTopImg);
			this.oStoriesContainer.appendChild(this.oGradientBottomImg);
		}
		AppleJAX.getXMLwithResults(sStoriesXMLFile,function(results){
			MiniArchive.oResults = results;
			MiniArchive.oStories = MiniArchive.oResults.getElementsByTagName('story');
			MiniArchive.displayXML();
		});
		var oToggle = new HTMLObject($('miniarchivetoggle'));
		oToggle.addEvent('onclick',this.processArchiveLink);
		
	},
	displayXML: function() {
		for(var i=0;i<this.iStoriesTotal;i++) {
			var oStory = this.oStories[i];
			var sDateData = oStory.getElementsByTagName('date')[0].firstChild.data;
			var aDate = sDateData.split('.');
			var sDate = aDate[0].substring(2) +'/'+aDate[1]+'/'+aDate[2];
			var sLargeImgSrc = '';
			if(oStory.getElementsByTagName('largeimageURL')[0]) {
				sLargeImgSrc = oStory.getElementsByTagName('largeimageURL')[0].firstChild.data;
			}
			this.aStoriesHash[i] = {
				title: oStory.getAttribute('title'),
				video: oStory.getAttribute('video'),
				disciplines: oStory.getAttribute('disciplines'),
				headline: oStory.getElementsByTagName('headline')[0].firstChild.data,
				date: sDate,
				description: oStory.getElementsByTagName('descriptTop')[0].firstChild.data,
				url: oStory.getElementsByTagName('url')[0].firstChild.data,
				thumbnailURL: oStory.getElementsByTagName('thumbnailURL')[0].firstChild.data,
				medimageURL: oStory.getElementsByTagName('medimageURL')[0].firstChild.data,
				largeimageURL: sLargeImgSrc
			};
			if(oStory.getElementsByTagName('medimageURL')[0].getAttribute('miniarchivetop')) {
				this.aStoriesHash[i].miniarchivetop = oStory.getElementsByTagName('medimageURL')[0].getAttribute('miniarchivetop');
			} else {
				this.aStoriesHash[i].miniarchivetop = 0;
			}
			if(oStory.getElementsByTagName('medimageURL')[0].getAttribute('miniarchiveleft')) {
				this.aStoriesHash[i].miniarchiveleft = oStory.getElementsByTagName('medimageURL')[0].getAttribute('miniarchiveleft')
			} else {
				this.aStoriesHash[i].miniarchiveleft = 0;
			}
			this.aPreloadImages[i] = new Image();
			if(i == this.iStartingStory && this.bAddTopStory == true) {
				this.aPreloadImages[i].src = this.aStoriesHash[i].largeimageURL;
			} else {
				this.aPreloadImages[i].src = this.aStoriesHash[i].medimageURL;
			}			
		}
		if(this.bAddTopStory == true) { this.displayPrimaryStory(); }
		this.displayMainStories();
		this.displayArchiveStories();
		this.setStyles();
		this.oStoriesContainer.appendChild(this.oRecentStoriesNav);
		this.oStoriesContainer.appendChild(this.oRecentStories);
	},
	displayPrimaryStory: function() {
		var oStory = this.aStoriesHash[this.iStartingStory];
		var oPrimaryStoryA = oA.cloneNode(true);
		var oPrimaryStoryImg = oImg.cloneNode(true);
		var oPrimaryStoryShade = oDiv.cloneNode(true);
		var oPrimaryStoryTitle = oH2.cloneNode(true);
		var oPrimaryStoryHeadline = oH3.cloneNode(true);
		var oPrimaryStoryDescription = oP.cloneNode(true);
		var oPrimaryStoryPlayButton = oA.cloneNode(true);
		var oPrimaryStoryTitleText = document.createTextNode(oStory.title);
		var oPrimaryStoryHeadlineText = document.createTextNode(oStory.headline);
		var oPrimaryStoryDescriptionText = document.createTextNode(oStory.description);
		var oPrimaryStoryPlayButtonText = document.createTextNode('Play');
		
		oPrimaryStoryA.href = oStory.url;
		oPrimaryStoryImg.src = oStory.largeimageURL;
		oPrimaryStoryPlayButton.href = oStory.url;
		oPrimaryStoryTitle.appendChild(oPrimaryStoryTitleText);
		oPrimaryStoryHeadline.appendChild(oPrimaryStoryHeadlineText);
		oPrimaryStoryDescription.appendChild(oPrimaryStoryDescriptionText);
		oPrimaryStoryPlayButton.appendChild(oPrimaryStoryPlayButtonText);
		oPrimaryStoryA.appendChild(oPrimaryStoryImg);
		oPrimaryStoryShade.appendChild(oPrimaryStoryTitle);
		oPrimaryStoryShade.appendChild(oPrimaryStoryHeadline);
		oPrimaryStoryShade.appendChild(oPrimaryStoryDescription);
		oPrimaryStoryShade.appendChild(oPrimaryStoryPlayButton);
		
		this.aPrimaryStoryInfo[0].a = oPrimaryStoryA;
		this.aPrimaryStoryInfo[0].img = oPrimaryStoryImg;
		this.aPrimaryStoryInfo[0].shade = oPrimaryStoryShade;
		this.aPrimaryStoryInfo[0].title = oPrimaryStoryTitle;
		this.aPrimaryStoryInfo[0].headline = oPrimaryStoryHeadline;
		this.aPrimaryStoryInfo[0].description = oPrimaryStoryDescription;
		this.aPrimaryStoryInfo[0].playbutton = oPrimaryStoryPlayButton;

		this.aPrimaryStoryInfo[0].div.appendChild(oPrimaryStoryA);
		this.aPrimaryStoryInfo[0].div.appendChild(oPrimaryStoryShade);
	
	},
	displayMainStories: function() {
		for(var i=this.iStartingMainStories;i<(this.iMainStoriesAcross+this.iStartingMainStories);i++) {
			var oStory = this.aStoriesHash[i];
			var oRecentStoriesDiv = oDiv.cloneNode(true);
			var oRecentStoriesTitleDiv = oDiv.cloneNode(true);
			var oRecentStoriesTitleP = oP.cloneNode(true);
			var oRecentStoriesImg = oImg.cloneNode(true);
			var oRecentStoriesP = oP.cloneNode(true);
			var oRecentStoriesDateSpan = oSpan.cloneNode(true);
			var oRecentStoriesMoreA = oA.cloneNode(true);
			var oRecentStoriesBr = oBr.cloneNode(true);
			var oRecentStoriesAImgDiv = oDiv.cloneNode(true);
			var oRecentStoriesA = oA.cloneNode(true);
			var sShortTitleText = oStory.title;
			if(sShortTitleText.length > this.iTitleTextCutOff) {
				sShortTitleText = sShortTitleText.substring(0,this.iTitleTextCutOff);
				sShortTitleText = sShortTitleText+'...';
			}
			var sShortHeadlineText = oStory.headline;
			if(sShortHeadlineText.length > this.iTitleTextCutOff-2) {
				sShortHeadlineText = sShortHeadlineText.substring(0,this.iTitleTextCutOff-2);
				sShortHeadlineText = sShortHeadlineText+'...';
			}
			var sShortDescriptionText = oStory.description;
			if(sShortDescriptionText.length > this.iDescriptionTextCutOff) {
				sShortDescriptionText = sShortDescriptionText.substring(0,this.iDescriptionTextCutOff);
				//sShortDescriptionText = sShortDescriptionText.substring(0,sShortDescriptionText.lastIndexOf(' '));
			}
			var oRecentStoriesTitleText = document.createTextNode(sShortTitleText);
			var oRecentStoriesHeadlineText = document.createTextNode(sShortHeadlineText);
			var oRecentStoriesDateText = document.createTextNode(oStory.date+' ');
			// Determine if it's a video or not
			var readMoreText = oStory.video == 'yes' ? 'ビデオを見る' : 'さらに詳しく';
			var oRecentStoriesMoreText = document.createTextNode(readMoreText);
			var oRecentStoriesDescriptionText;
			/*= document.createTextNode(sShortDescriptionText+'... ');*/
			if(sShortDescriptionText.charAt(sShortDescriptionText.length-1) == '.') {
				oRecentStoriesDescriptionText = document.createTextNode(
					sShortDescriptionText.substring(0,sShortDescriptionText.length-1)+'... ');
			} else {
				oRecentStoriesDescriptionText = document.createTextNode(sShortDescriptionText+'... ');
			}
			
			oRecentStoriesA.href = oStory.url;
			oRecentStoriesImg.src = this.aPreloadImages[i].src;
			oRecentStoriesImg.alt = oStory.title;
			oRecentStoriesA.appendChild(oRecentStoriesImg);
			oRecentStoriesAImgDiv.appendChild(oRecentStoriesA);
			oRecentStoriesTitleP.appendChild(oRecentStoriesTitleText);
			oRecentStoriesTitleP.appendChild(oRecentStoriesBr);
			oRecentStoriesTitleP.appendChild(oRecentStoriesHeadlineText);
			oRecentStoriesTitleDiv.appendChild(oRecentStoriesTitleP);
			oRecentStoriesDateSpan.appendChild(oRecentStoriesDateText);
			oRecentStoriesMoreA.href = oStory.url;
			oRecentStoriesMoreA.appendChild(oRecentStoriesMoreText);
			oRecentStoriesP.appendChild(oRecentStoriesDateSpan);
			oRecentStoriesP.appendChild(oRecentStoriesDescriptionText);
			oRecentStoriesP.appendChild(oRecentStoriesMoreA);
			oRecentStoriesDiv.appendChild(oRecentStoriesAImgDiv);
			oRecentStoriesDiv.appendChild(oRecentStoriesTitleDiv);
			oRecentStoriesDiv.appendChild(oRecentStoriesP)
			
			this.aMainStoriesHash[this.aMainStoriesHash.length] = {
				div: oRecentStoriesDiv,
				aimgdiv: oRecentStoriesAImgDiv,
				aimg: oRecentStoriesA,
				img: oRecentStoriesImg,
				titlediv: oRecentStoriesTitleDiv,
				titlep: oRecentStoriesTitleP,
				p: oRecentStoriesP,
				date: oRecentStoriesDateSpan,
				more: oRecentStoriesMoreA,
				video: oStory.video
			};
			
			this.oRecentStoriesNav.appendChild(oRecentStoriesDiv);
		}	
	},
	displayArchiveStories: function() {
		var oThumbnailDiv = oDiv.cloneNode(true);
		var oThumbnailAClone = oA.cloneNode(true);
		var oThumbnailImg = oImg.cloneNode(true);
		oThumbnailAClone.setAttribute('href','#');
		oThumbnailImg.setAttribute('border','0');
		oThumbnailImg.setAttribute('alt','');
		for(var i=this.iArchiveStoriesStart;i<(this.iArchiveStoriesStart+this.iArchiveStoriesTotal);i++) {
			var oStory = this.aStoriesHash[i];
			var oThumbnail = oThumbnailImg.cloneNode(true);
			var oThumbnailA = new HTMLObject(oThumbnailAClone.cloneNode(true));
			var oThumbnailContainer = oThumbnailDiv.cloneNode(true);
			var oThumbnailOpac = oSpan.cloneNode(true);
			
			oThumbnail.src = oStory.medimageURL;
			oThumbnailA.setAttribute('tip',oStory.title);
			oThumbnailA.addEvent('onclick',this.processClick);
			oThumbnailA.addEvent('onmouseover',this.processRollOver);
			oThumbnailA.addEvent('onmouseout',this.processMouseOut);
			oThumbnailContainer.id = 'story_'+this.aThumbnailGridHash.length;
			oThumbnailA.appendChild(oThumbnailOpac);
			oThumbnailContainer.appendChild(oThumbnail);
			oThumbnailContainer.appendChild(oThumbnailA);
			this.oThumbnailGrid.appendChild(oThumbnailContainer);
			this.aThumbnailGridHash[this.aThumbnailGridHash.length] = {
				thumbnailimg: oThumbnail,
				thumbnailanchor: oThumbnailA,
				thumbnailcontainer: oThumbnailContainer,
				thumbnailopac: oThumbnailOpac,
				thumbnailtop: oStory.miniarchivetop,
				thumbnailleft: oStory.miniarchiveleft,
				num: i
			};
		}
		this.oRollOverTitle.appendChild(this.oRollOverTitleP);
		this.oRollOverTitle.style.top = '0';
		this.oRollOverTitle.style.visibility = 'hidden';
		this.oThumbnailGrid.appendChild(this.oRollOverTitle);
		
		this.oFullSizeImg.src = this.aStoriesHash[this.iArchiveStoriesStart].medimageURL;
		this.oFullSizeImgDiv.appendChild(this.oFullSizeImg);
		
		this.oRecentStories.appendChild(this.oThumbnailGrid);
		this.oRecentStories.appendChild(this.oFullSizeImgDiv);
		this.oRecentStories.appendChild(this.oArchiveStoryContainer);
		
		var oStory = this.aStoriesHash[this.iArchiveStoriesStart];
		var oHeaderText = document.createTextNode(oStory.title);
		var oHeadlineText = document.createTextNode(oStory.headline);
		var oDescriptionText = document.createTextNode(oStory.description);
		// Determine if it's a video or not
		var readMoreText = oStory.video == 'yes' ? 'ビデオを見る' : 'さらに詳しく';
		var oReadMoreText = document.createTextNode(readMoreText);

		this.oArchiveStoryHeader.appendChild(oHeaderText);
		this.oArchiveStoryHeadline.appendChild(oHeadlineText);
		this.oArchiveStoryDescription.appendChild(oDescriptionText);
		this.oArchiveStoryReadMore.className = 'button';
		this.oArchiveStoryReadMore.alt = 'さらに詳しく';
		this.oArchiveStoryReadMore.href = oStory.url;
		this.oArchiveStoryReadMore.appendChild(oReadMoreText);
		
		this.oArchiveStoryContainer.appendChild(this.oArchiveStoryHeader);
		this.oArchiveStoryContainer.appendChild(this.oArchiveStoryHeadline);
		this.oArchiveStoryContainer.appendChild(this.oArchiveStoryDescription);
		this.oArchiveStoryContainer.appendChild(this.oArchiveStoryReadMore);
	},
	setStyles: function() {
		if(this.bAddTopStory == true) {
		var oPrimaryStory = this.aPrimaryStoryInfo[0];
		oPrimaryStory.div.style.width = '1000px';
		oPrimaryStory.div.style.height = '420px';
		oPrimaryStory.div.style.overflow = 'hidden';
		oPrimaryStory.div.style.position = 'relative';
		
		oPrimaryStory.img.style.border = '0';
		
		oPrimaryStory.shade.style.position = 'absolute';
		oPrimaryStory.shade.style.top = '0';
		oPrimaryStory.shade.style.left = '0';
		oPrimaryStory.shade.style.width = '390px';
		oPrimaryStory.shade.style.height = '420px';
		oPrimaryStory.shade.style.background = '#000000';
		oPrimaryStory.shade.style.zIndex = '100';
		this.setOpacity(oPrimaryStory.shade,85);
		
		oPrimaryStory.title.style.color = '#FFFFFF';
		oPrimaryStory.title.style.fontSize = '42px';
		oPrimaryStory.title.style.fontWeight = 'bold';
		oPrimaryStory.title.style.margin = '15px 15px 0px';
		
		oPrimaryStory.headline.style.color = '#999999';
		oPrimaryStory.headline.style.fontSize = '30px';
		oPrimaryStory.headline.style.fontWeight = 'normal';
		oPrimaryStory.headline.style.margin = '0px 15px 30px 15px';
		
		oPrimaryStory.description.style.color = '#FFFFFF';
		oPrimaryStory.description.style.fontSize = '13px';
		oPrimaryStory.description.style.fontWeight = 'normal';
		oPrimaryStory.description.style.lineHeight = '1.4em';
		oPrimaryStory.description.style.margin = '0 15px';
		
		oPrimaryStory.playbutton.style.display = 'block';
		oPrimaryStory.playbutton.style.width = '70px';
		oPrimaryStory.playbutton.style.background = 'url(/pro/images/play_button20060419.png) center right no-repeat'
		oPrimaryStory.playbutton.style.fontSize = '20px';
		oPrimaryStory.playbutton.style.fontWeight = 'normal';
		oPrimaryStory.playbutton.style.color = '#FFFFFF';
		oPrimaryStory.playbutton.style.textDecoration = 'none';
		oPrimaryStory.playbutton.style.margin = '15px';
		}
	
		this.oStoriesContainer.style.position = 'relative';
		this.oStoriesContainer.style.zIndex = '10';
		this.oStoriesContainer.style.width = '1000px';
		this.oStoriesContainer.style.height = this.iViewableHeight+'px';
		this.oStoriesContainer.style.overflow = 'hidden';
		
		this.oGradientTopImg.style.position = 'absolute';
		this.oGradientTopImg.style.top = '0';
		this.oGradientTopImg.style.left = '0';
		this.oGradientTopImg.style.zIndex = '1000';
		
		this.oGradientBottomImg.style.position = 'absolute';
		this.oGradientBottomImg.style.top = (this.iViewableHeight-14)+'px';
		this.oGradientBottomImg.style.left = '0';
		this.oGradientBottomImg.style.zIndex = '1000';
		
		this.oRecentStoriesNav.style.width = '1000px';
		this.oRecentStoriesNav.style.margin = '0';
		this.oRecentStoriesNav.style.padding = '14px 0';
		this.oRecentStoriesNav.style.position = 'absolute';
		this.oRecentStoriesNav.style.top = '0';
		this.oRecentStoriesNav.style.left = '0';
		this.oRecentStoriesNav.style.background = '#FFFFFF';
		
		for(var i=0;i<this.aMainStoriesHash.length;i++) {
			var oStory = this.aMainStoriesHash[i];
			oStory.div.style.width = '184px';
			oStory.div.style.height = this.iViewableHeight+'px';
			oStory.div.style.position = 'absolute';
			oStory.div.style.top = '14px';
			oStory.div.style.left = ((184+21)*i)+'px';
			if (oStory.video == 'yes') oStory.div.className += " videostory";
			
			oStory.aimgdiv.style.width = '184px';
			oStory.aimgdiv.style.height = '186px';
			oStory.aimgdiv.style.overflow = 'hidden';
			
			oStory.img.style.border = 'none';
			
			if (oStory.video == 'yes'){
				oStory.titlediv.style.background = "url(/jp/pro/images/icon_video.gif) 164px 23px no-repeat #000000";
			}else{
				oStory.titlediv.style.background = "#000000";
			}
			oStory.titlediv.style.color = '#FFFFFF';
			oStory.titlediv.style.width = '184px';
			oStory.titlediv.style.height = '40px';
			oStory.titlediv.style.zIndex = '11';
			oStory.titlediv.style.position = 'absolute';
			oStory.titlediv.style.top = '146px';
			oStory.titlediv.style.left = '0';
			this.setOpacity(oStory.titlediv,85);
			
			oStory.titlep.style.margin = '11px';
			oStory.titlep.style.fontWeight = 'normal';
			oStory.titlep.style.fontSize = '10px';
			oStory.titlep.style.lineHeight = '1.5em';
			oStory.titlep.style.margin = '5px 5px';
			
			oStory.p.style.fontSize = '11px';
			oStory.p.style.margin = '10px 0 0';
			oStory.p.style.textAlign = 'left';
			oStory.p.style.color = '#999999';
			oStory.p.style.background = '#FFFFFF';
			
			oStory.date.style.color = '#666666';
			oStory.date.style.fontWeight = 'bold';
			
			oStory.more.style.color = '#333333';
			oStory.more.style.textDecoration = 'none';
		}
		
		this.oRecentStories.style.position = 'absolute';
		this.oRecentStories.style.top = this.iViewableHeight+'px';
		this.oRecentStories.style.left = '0';
		this.oRecentStories.style.background = '#FFFFFF';
		this.oRecentStories.style.width = '1000px';
		this.oRecentStories.style.height = this.iViewableHeight+'px';
		this.oRecentStories.style.overflow = 'hidden';
		this.oRecentStories.style.margin = '0';
		this.oRecentStories.style.padding = '39px 0';
		
		if(browser.isIE == true) { this.oThumbnailGrid.style.styleFloat = 'left'; }
		else { this.oThumbnailGrid.style.cssFloat = 'left'; }
		this.oThumbnailGrid.style.width = '250px';
		this.oThumbnailGrid.style.height = '250px';
		this.oThumbnailGrid.style.marginRight = '19px';
		this.oThumbnailGrid.style.position = 'relative';
		this.oThumbnailGrid.style.overflow = 'visible';
		
		for(var i=0;i<this.aThumbnailGridHash.length;i++) {
			var oThumbnail = this.aThumbnailGridHash[i];
			if(browser.isIE == true) { oThumbnail.thumbnailcontainer.style.styleFloat = 'left'; }
			else { oThumbnail.thumbnailcontainer.style.cssFloat = 'left'; }
			oThumbnail.thumbnailcontainer.style.width = '61px';
			oThumbnail.thumbnailcontainer.style.height = '61px';
			oThumbnail.thumbnailcontainer.style.margin = '0 1px 1px 0';
			oThumbnail.thumbnailcontainer.style.position = 'relative';
			oThumbnail.thumbnailcontainer.style.overflow = 'hidden';
			
			
			oThumbnail.thumbnailimg.style.position = 'absolute';
			if(oThumbnail.thumbnailtop > 0) {
				oThumbnail.thumbnailimg.style.top = '-'+parseInt(oThumbnail.thumbnailtop)+'px';
			}
			if(oThumbnail.thumbnailleft > 0) {
				oThumbnail.thumbnailimg.style.left = '-'+parseInt(oThumbnail.thumbnailleft)+'px';
			}
			
			oThumbnail.thumbnailopac.style.display = 'block';
			oThumbnail.thumbnailopac.style.position = 'absolute';
			oThumbnail.thumbnailopac.style.width = '61px';
			oThumbnail.thumbnailopac.style.height = '61px';
			oThumbnail.thumbnailopac.style.top = '0';
			oThumbnail.thumbnailopac.style.left = '0';
			oThumbnail.thumbnailopac.style.background = '#FFFFFF';
			if(i == 0) {
				oThumbnail.thumbnailopac.style.height = '57px';
				oThumbnail.thumbnailopac.style.width = '57px';
				oThumbnail.thumbnailopac.style.border = '2px solid #333333';
				oThumbnail.thumbnailopac.style.background = 'none';
				oThumbnail.thumbnailopac.style.cursor = 'default';
				
			} else { this.setOpacity(oThumbnail.thumbnailopac,30); }
		}
		
		if(browser.isIE == true) { this.oFullSizeImgDiv.style.styleFloat = 'left'; }
		else { this.oFullSizeImgDiv.style.cssFloat = 'left'; }
		this.oFullSizeImgDiv.style.width = '250px';
		this.oFullSizeImgDiv.style.height = '250px';
		this.oFullSizeImgDiv.style.marginRight = '20px';
		this.oFullSizeImgDiv.style.overflow = 'hidden';
		
		if(browser.isIE == true) { this.oArchiveStoryContainer.style.styleFloat = 'left'; }
		else { this.oArchiveStoryContainer.style.cssFloat = 'left'; }
		this.oArchiveStoryContainer.style.width = '460px';
		this.oArchiveStoryContainer.style.height = this.iViewableHeight+'px';
		
		this.oArchiveStoryHeader.style.fontSize = '18px';
		this.oArchiveStoryHeader.style.fontWeight = 'normal';
		this.oArchiveStoryHeader.style.marginBottom = '5px';
		this.oArchiveStoryHeader.style.color = '#000000';
		
		this.oArchiveStoryHeadline.style.fontSize = '15px';
		this.oArchiveStoryHeadline.style.fontWeight = 'bold';
		this.oArchiveStoryHeadline.style.marginBottom = '20px';
		this.oArchiveStoryHeadline.style.color = '#999999';
		
		this.oArchiveStoryDescription.style.fontSize = '12px';
		this.oArchiveStoryDescription.style.color = '#666666';
		
		this.setOpacity(this.oRollOverTitle,90);

		this.oRollOverTitle.style.position = 'absolute';
		this.oRollOverTitle.style.zIndex = '1000';
		if(browser.isIE == true) {
			this.oRollOverTitle.style.background = '#000000';
			this.oRollOverTitleP.style.margin = '5px';
		} else {
			this.oRollOverTitle.style.background = 'url(/jp/pro/images/title_rollover20060504.png) top left no-repeat';
			this.oRollOverTitle.style.margin = '0 -15px 0 0';
			this.oRollOverTitle.style.height = '49px';
			this.oRollOverTitleP.style.background = 'url(/jp/pro/images/title_rollover20060504.png) top right no-repeat';
			this.oRollOverTitleP.style.padding = '3px 0 0 0';
			this.oRollOverTitleP.style.height = '49px';
			this.oRollOverTitleP.style.position = 'absolute';
			this.oRollOverTitleP.style.top = '0';
			this.oRollOverTitleP.style.left = '0';
			this.oRollOverTitleP.style.margin = '0 0 0 15px';
		}
		this.oRollOverTitle.style.color = '#FFFFFF';
		this.oRollOverTitle.style.textAlign = 'left';
		
		
		this.oRollOverTitle.style.width = 'auto';
		this.oRollOverTitle.style.display = 'block';
		

		this.oRollOverTitleP.style.fontSize = '11px';
		
		
		this.oRollOverTitleP.style.fontWeight = 'normal';
		this.oRollOverTitleP.style.whiteSpace = 'nowrap';

	},
	setOpacity: function(div,opac) {
		div.style.opacity = (opac / 101);
		div.style.MozOpacity = (opac / 100);
		div.style.KhtmlOpacity = (opac / 100);
		div.style.filter = "alpha(opacity=" + opac + ")";
	},
	processArchiveLink: function(ev) {
		stopDefaultAction(ev);
		var oClickedLink = new HTMLObject(getClickedLink(ev));
		var iStoriesContainerHeight = parseFloat(MiniArchive.oStoriesContainer.offsetHeight);
		var iRecentStoriesNavTop = MiniArchive.oRecentStoriesNav.getInfo('top');
		if(MiniArchive.bProcessArchiveClickFlag == true) {
			if(iRecentStoriesNavTop == '0px') {
				MiniArchive.oRecentStoriesNav.scaleAttrib('top','px',0,-iStoriesContainerHeight,200,15);
				MiniArchive.oRecentStories.scaleAttrib('top','px',iStoriesContainerHeight,0,200,15,90,function() {
					oClickedLink.innerHTML = 'プロフィールを見る';
					MiniArchive.bProcessArchiveClickFlag = true;
				});
			} else {
				MiniArchive.oRecentStoriesNav.scaleAttrib('top','px',-iStoriesContainerHeight,0,200,15);
				MiniArchive.oRecentStories.scaleAttrib('top','px',0,iStoriesContainerHeight,200,15,90,function() {
					oClickedLink.innerHTML = 'プロフィールを見る';
					MiniArchive.bProcessArchiveClickFlag = true;
				});
			}
		}
		MiniArchive.bProcessArchiveClickFlag = false;
	},
	processMouseOut: function(ev) {
		var oClickedLink = getClickedLink(ev);
		var oThumbnailContainer = oClickedLink.parentNode;
		var iClickedThumbnailNum = parseInt(oThumbnailContainer.id.split('_')[1]);
		MiniArchive.oRollOverTitle.style.visibility = 'hidden';
		MiniArchive.oRollOverTitle.style.width = 'auto';
		MiniArchive.oRollOverTitleP.style.width = 'auto';
		if(iClickedThumbnailNum != MiniArchive.iCurrentThumbnailId)
		MiniArchive.setOpacity(MiniArchive.aThumbnailGridHash[iClickedThumbnailNum].thumbnailopac,30);
	},
	processRollOver: function(ev) {
		var oClickedLink = getClickedLink(ev);
		var iXCord = Number((window.event) ? window.event.clientX+document.documentElement.scrollLeft : ev.pageX);
		var iYCord = Number((window.event) ? window.event.clientY+document.documentElement.scrollTop : ev.pageY);
		
		var oThumbnailContainer = oClickedLink.parentNode;
		var iThumbnailTop = oThumbnailContainer.offsetTop-30;
		var iThumbnailLeft = oThumbnailContainer.offsetLeft+50;
		var iClickedThumbnailNum = parseInt(oThumbnailContainer.id.split('_')[1]);
		if(MiniArchive.iCurrentThumbnailId != iClickedThumbnailNum) {
			
				var oThumbnail = MiniArchive.aThumbnailGridHash[iClickedThumbnailNum];
			
					MiniArchive.setOpacity(oThumbnail.thumbnailopac,0);
					MiniArchive.oRollOverTitleP.innerHTML = MiniArchive.aStoriesHash[oThumbnail.num].title+'<br>'+MiniArchive.aStoriesHash[oThumbnail.num].headline;
					MiniArchive.oRollOverTitle.style.top = iThumbnailTop+'px';
					MiniArchive.oRollOverTitle.style.left = iThumbnailLeft+'px';
					if(browser.isIE == false) {
						MiniArchive.oRollOverTitle.style.width = MiniArchive.oRollOverTitleP.offsetWidth+'px';
						MiniArchive.oRollOverTitleP.style.width = (MiniArchive.oRollOverTitleP.offsetWidth+10)+'px';
					}
					MiniArchive.oRollOverTitle.style.visibility = 'visible';
			
		}
	},
	processClick: function(ev) {
		stopDefaultAction(ev);
		var oClickedLink = getClickedLink(ev);
		MiniArchive.iCurrentThumbnailId = oClickedLink.parentNode.getAttribute('id').split('_')[1];
		var oThumbnail = MiniArchive.aThumbnailGridHash[MiniArchive.iCurrentThumbnailId];
		var oStory = MiniArchive.aStoriesHash[oThumbnail.num];
		for(var i=0; i<MiniArchive.aThumbnailGridHash.length; i++) {
			var oGridThumbnail = MiniArchive.aThumbnailGridHash[i];
			if(oGridThumbnail == oThumbnail) {
				oGridThumbnail.thumbnailopac.style.height = '57px';
				oGridThumbnail.thumbnailopac.style.width = '57px';
				oGridThumbnail.thumbnailopac.style.border = '2px solid #333333';
				oGridThumbnail.thumbnailopac.style.background = 'none';
				oGridThumbnail.thumbnailopac.style.cursor = 'default';
				MiniArchive.setOpacity(oGridThumbnail.thumbnailopac,100);
				MiniArchive.oRollOverTitle.style.visibility = 'hidden';
			} else {
				oGridThumbnail.thumbnailopac.style.height = '61px';
				oGridThumbnail.thumbnailopac.style.width = '61px';
				oGridThumbnail.thumbnailopac.style.border = 'none';
				MiniArchive.setOpacity(oGridThumbnail.thumbnailopac,30);
				oGridThumbnail.thumbnailopac.style.background = '#FFFFFF';
				oGridThumbnail.thumbnailopac.style.cursor = 'pointer';
			}
		}
		MiniArchive.oFullSizeImg.src = oStory.medimageURL;
		MiniArchive.oArchiveStoryHeader.innerHTML = oStory.title;
		MiniArchive.oArchiveStoryHeadline.innerHTML = oStory.headline;
		MiniArchive.oArchiveStoryDescription.innerHTML = oStory.description;
		MiniArchive.oArchiveStoryReadMore.href = oStory.url;
	}
};