//<!--
var topPageSlideshow={
	displayTime:5000,	//milliseconds;
	fadeTime:100,		//milliseconds;
	fadeSlices:10,
	imgs:[
		'portfolio/img/portfolio_beauty1.jpg',
		'portfolio/img/portfolio_beauty2.jpg',
		'portfolio/img/portfolio_beauty8.jpg',
		'img/georgianna.jpg'
	],
	cur_img:0,
	maxHeight:528,
	maxWidth:0 //will be decided at run time;
};
var featuredImageRawWidth=null;
window.onload=init;

function init(){
	var e,m;
	if((m=document.getElementById('menu'))!==null){
		//ensure that "content" occupies at least the same amount as "menu";
		e=document.getElementById('content');
		if(e.offsetHeight<m.offsetHeight) e.style.height=(m.offsetHeight+'px');
		e=document.getElementById('featured_image');
		if(e!==null){
			sizeFeatureForPage();
			window.onresize=sizeFeatureForPage;
		}
	}else if((m=document.getElementById('top_menu'))!==null){
		document.getElementById('content').style.height=(topPageSlideshow.maxHeight+14+'px');
		e=document.getElementById('featured_image');
		if(/*@cc_on !@*/false){
			e.style.zoom=1;
			e.style.filter="alpha(opacity=100)";
		}
		//preload the slideshow images;
		for(i=(topPageSlideshow.imgs.length-1); i>=0; i--){
			m=topPageSlideshow.imgs[i];
			topPageSlideshow.imgs[i]=new Image();
			topPageSlideshow.imgs[i].src=m;
		}
		sizeSlideshowForPage();
		window.onresize=sizeSlideshowForPage;
		//start the slideshow;
		setTimeout('slideshowDo();', topPageSlideshow.displayTime);
	}
	
	delete init;
}
function sizeFeatureForPage(){
	var e=document.getElementById('featured_image');
	var m=document.getElementById('menu').offsetLeft;
	if(featuredImageRawWidth===null){
		if((e.offsetLeft+e.offsetWidth)>=m){
			featuredImageRawWidth=(e.offsetLeft+e.offsetWidth);
			e.style.width='95%';
		}
	}else{
		if(featuredImageRawWidth<m){
			featuredImageRawWidth=null;
			e.style.width='';
		}
	}
}
function sizeSlideshowForPage(){
	var e=document.getElementById('featured_image');
	var m=document.getElementById('top_menu').offsetLeft;
	topPageSlideshow.maxWidth=((m-e.offsetLeft)-14); //14 = (top+bottom padding) (padding*2);
	console.log(topPageSlideshow.maxWidth);
	if(e.offsetWidth>topPageSlideshow.maxWidth){
		e.style.width=(topPageSlideshow.maxWidth+'px');
	}
}
function slideshowDo(){
	var p=topPageSlideshow.cur_img;
	var l=topPageSlideshow.imgs.length;
	var i,j;
	for(i=1; i<l; i++){
		j=((p+i)%l);
		if(!topPageSlideshow.imgs[j].complete || (p==j)) continue;
		topPageSlideshow.cur_img=j;
		setTimeout(
			('slideshowFadeInOut('+topPageSlideshow.fadeSlices+', true);'),
			(topPageSlideshow.fadeTime/topPageSlideshow.fadeSlices)
		);
		return;
	}
	setTimeout('slideshowDo();', topPageSlideshow.displayTime);
}
function slideshowSetOpacity(o){
	var e=document.getElementById('featured_image');
	if(o>0) o/=topPageSlideshow.fadeSlices;
	if(/*@cc_on !@*/true)	e.style.opacity=e.style.MozOpacity=o;
	else					e.filters.alpha.opacity=Math.round(o*100);
}
function slideshowFadeInOut(p, fadeOut){
	if(fadeOut){
		if(p>0){
			slideshowSetOpacity(p--);
		}else{
			//
			var e=document.getElementById('featured_image');
			e.style.visibility='hidden';
			e.src=topPageSlideshow.imgs[topPageSlideshow.cur_img].src;
			e.style.width=((
				(topPageSlideshow.imgs[topPageSlideshow.cur_img].width <= topPageSlideshow.maxWidth)
				? topPageSlideshow.imgs[topPageSlideshow.cur_img].width
				: topPageSlideshow.maxWidth
			)+'px');
			var h1=topPageSlideshow.maxHeight;
			var h2=(e.offsetHeight-14); //14 = (top+bottom padding) (padding*2);
			e.style.marginTop=(((h2<h1)? ((h1-h2)/2): '0')+'px');
			e.style.visibility='visible';
			//
			fadeOut=false;
			p=1;
		}
	}else{
		if(p<topPageSlideshow.fadeSlices){
			slideshowSetOpacity(p++);
		}else{
			slideshowSetOpacity(topPageSlideshow.fadeSlices);
			setTimeout('slideshowDo();', topPageSlideshow.displayTime);
			return;
		}
	}
	setTimeout(
		('slideshowFadeInOut('+p+', '+fadeOut+');'),
		(topPageSlideshow.fadeTime/topPageSlideshow.fadeSlices)
	);
}
//-->