var selected_nav=-1;
var navhoveroutpics = new Array();
var content_shown=false;
var flvAutoplay = (navigator && navigator.platform && (navigator.platform.indexOf("Mac")!=-1) &&
	navigator.userAgent && (navigator.userAgent.indexOf("Firefox")!=-1))?1:0;

if(typeof Class != "undefined"){
Effect.SimpleMorph = Class.create(Effect.Base,{
        initialize:function(element,options){
                this.element=element;
                this.options=options;
                this.properties=this.options.properties;
                this.propertiesLength=this.properties.length;
                this.originalStyle=this.properties.inject({},function(styles,prop){
                        styles[prop]=parseInt(this.element.style[prop]||0);
                        return styles;
                }.bind(this));
                this.scaleFactor=this.properties.inject({},function(styles,prop){
                        styles[prop]=(this.options.style[prop]||0)-this.originalStyle[prop];
                        return styles;}.bind(this));
                this.start(options);
                },
        update:function(position){
                var prop,i=this.propertiesLength;
                while(i--){
                        prop=this.properties[i];
                        this.element.style[prop]=(this.originalStyle[prop]+(this.scaleFactor[prop]*position)).round()+'px';
                }
        }
});
}
function hoverin(id){
	var e=document.getElementById(id);
	if(typeof e != "undefined"){
		var img=e.getElementsByTagName("img")[0];
		var ps=['width','height'];
		var a = e.getElementsByTagName("div")[0];
		var text=e.getElementsByTagName("div")[1];
		if(typeof img.origDim == "undefined"){
			img.oldTextTop=text.style.top;
			img.oldTextLeft=text.style.left;
			img.origDim = {properties:ps, style: ps.inject({},function(styles,prop){
					styles[prop]=parseInt(this.style[prop]||0);
					return styles;}.bind(img)), duration:0.2, queue: 'end',
						afterFinish: function (){
						if(text.className=="ctitletextnew"){
							text.style.visibility = "visible";
							text.style.top=img.oldTextTop;
							text.style.left=img.oldTextLeft;
						}
							
								img.effect=null;
						}					
			};
			img.bigDim = {properties:ps, style: ps.inject({},function(styles,prop){
						styles[prop]=parseInt(this.style[prop]||0);
					return styles;}.bind(a)), duration:0.1,
						afterFinish: function (){
								if(!img.shrinking){									
									text.style.visibility = "visible";
									if(text.className=="ctitletextnew"){
										text.style.top="0px";
										text.style.left="0px";
									}

								}
								img.effect=null;
						}
			};
			
		}
		img.shrinking=false;
		img.bigger=true;
		text.style.visibility = "hidden";
		if(typeof img.effect != 'undefined' && img.effect!=null)img.effect.cancel();
		img.effect=new Effect.SimpleMorph(img,img.bigDim);
	}
}


function hoverout(id){
	var e=document.getElementById(id);
	if(e){
		var img=e.getElementsByTagName("img")[0];
		var text=e.getElementsByTagName("div")[1];
		text.style.visibility = "hidden";
		img.shrinking=true;
		img.bigger=false;		
		if(typeof img.origDim != "undefined"){
				if(typeof img.effect != 'undefined' && img.effect!=null)img.effect.cancel();
				img.effect=new Effect.SimpleMorph(img,img.origDim);
		}		
	}

}

function cleanhover(){
	var lis=document.getElementsByTagName("li");
	for(var i=0;i<lis.length;i++){
		var img=lis[i].getElementsByTagName("img")[0];
		if(img.bigger){
			hoverout(lis[i].getAttribute("id"));
		}
	}
}


function navclean(){
	if(selected_nav>=0 && navhoveroutpics[0]){
		var pics=document.getElementById("header").
			getElementsByTagName("a")[selected_nav].getElementsByTagName("img");
		pics[0].src = navhoveroutpics[selected_nav+1];
		pics[1].src = navhoveroutpics[0];
		selected_nav = -1;
	}
}


function adjustcoversize(){
	var cover = document.getElementById("cover");
    cover.style.width  = (Math.max(document.body.scrollWidth,
    			  Math.max(document.documentElement.clientWidth,
			  Math.max(document.body.offsetWidth,
			  	   document.documentElement.scrollWidth)))+100)+"px";
    cover.style.height = (Math.max(document.body.scrollHeight,
    			  Math.max(document.documentElement.clientHeight,
			  Math.max(document.body.offsetHeight,
			  	   document.documentElement.scrollHeight)))+100)+"px";

	adjustcontentdisplaybg();
}

function adjustcontentdisplaybg(){
	var disp = document.getElementById("contentdisplay");
	var bg = document.getElementById("contentdisplaybg");
	bg.style.width=disp.offsetWidth+"px";
	bg.style.height=disp.offsetHeight+"px";
}

function initcontentdisplay(){
	content_shown=true;
	var cover = document.getElementById("cover");
	var board = document.getElementById("board");
	adjustcoversize();
    	cover.style.visibility="visible";
		
	var disp = document.getElementById("contentdisplay");
	disp.style.left=board.offsetLeft + "px";
	disp.style.top=board.offsetTop + "px";
	disp.style.visibility = "visible";

	var closeimg=document.getElementById("closeimg");
	closeimg.style.top = (board.offsetTop + 5)+"px";
	closeimg.style.left = (board.offsetLeft + disp.offsetWidth-5 -
	closeimg.offsetWidth)+"px";
	closeimg.style.visibility="visible";
	
	if( (document.viewport && document.viewport.getScrollOffsets().top>60) ||
			 document.getElementById("titleStory"))
		new Effect.ScrollTo('header',{duration: 0.3})
	else
		document.body.scrollTop=0;
		
		var bg = document.getElementById("contentdisplaybg");
		bg.style.visibility="visible";
		bg.style.top=disp.style.top;
		bg.style.left=disp.style.left;
		
}


function reload_css(){
		var e = document.getElementsByTagName( "link" );
		for( var i = 0; i < e.length; i++ )
			if( e[ i ].rel.match( /stylesheet/ ) )
				e[ i ].setAttribute( "href", e[ i ].getAttribute( "href" ).replace( /\?_r\=[^&]+|$/, "?_r=" + Math.random() ) );
		return;
}

function reload_js(){
		var e = document.getElementsByTagName( "script" );
		for( var i = 0; i < e.length; i++ ){
			if(e[i].getAttribute("src").match(/^script.js/)){
				var z = document.body.appendChild(document.createElement('script'));
				z.language='javascript';
				z.type='text/javascript';
				z.src=e[i].getAttribute("src").replace( /\?_r\=[^&]+|$/, "?_r=" + Math.random() );
				return;
			}
		}
		return;
}

function navclick(i){
	navclean();
	if(navcontent[i][0].substr(0,11)=='[javascript'){
		eval(navcontent[i][0].substr(11).replace(/&quot;/g,"\"").replace(/&#039;/g,"'"));
	}else if(navcontent[i][0].substr(0,5)=='[href'){
		if(navcontent[i][0].substr(5,6)=='_local')
			self.location =  navcontent[i][0].substr(12);
		else
			self.location =  'http://'+navcontent[i][0].substr(6);
	}else{
		initcontentdisplay();
		var disp = document.getElementById("contentdisplay");
		if(navcontent[i][1]==-1){
			disp.innerHTML = navcontent[i][0].replace(/\[quote2\]/g,"\"").replace(/\[quote1\]/g,"\'");	
		}else{
				disp.innerHTML = '<div id="contentimage"></div><div id="contenttext">'+
					navcontent[i][0].replace(/\[quote2\]/g,"\"").replace(/\[quote1\]/g,"\'") +'</div>'								
				setimage(navcontent[i][1],path_images+navcontent[i][2],navcontent[i][3],navcontent[i][4],"");
		}
		//has to be done again in case the size changed:
		adjustcoversize(); 
		selected_nav=i;
	}
	
}

function navhoverin(i){	
	var head = document.getElementById("header");
	var pics=head.getElementsByTagName("a")[i].
		getElementsByTagName("img");
	if(!navhoveroutpics[i+1]){
		navhoveroutpics[i+1] = pics[0].src;
		navhoveroutpics[0] = pics[1].src;
	}
	pics[0].src = navhoverinpics[i+1].src;
	pics[1].src = navhoverinpics[0].src;

	head.getElementsByTagName("div")[i].style.visibility="visible";
	
}

function navhoverout(i){
	var head = document.getElementById("header");
	if(selected_nav!=i){
		var pics=head.getElementsByTagName("a")[i].
			getElementsByTagName("img");
		pics[0].src = navhoveroutpics[i+1];
		pics[1].src = navhoveroutpics[0];
	}

	head.getElementsByTagName("div")[i].style.visibility="hidden";
}
function makeFlash(p,w,h){		
		return AC_FL_RunContent('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0',
					'width',w,'height',h,'align','middle',
					'src',p,'quality','high','bgcolor','#5d5d5d',
					'name','swfloader',
					'allowscriptaccess','sameDomain',
					'pluginspage','http://www.macromedia.com/go/getflashplayer','movie',p);

}



function setimage(type,path,w,h,sub){
	var img = document.getElementById("contentimage");
	if(type==1){ //swf	
		img.innerHTML = makeFlash(swfloader+'?clip='+path+'&amp;buffer=5',w,h);
	}else if(type>=2){
		if(flvAutoplay && type==2){
			img.innerHTML = makeFlash(flvplayers[type-2][0]+path+"&autoPlay=1",
			w,h+flvplayers[type-2][1]);
		}else{
			img.innerHTML = makeFlash(flvplayers[type-2][0]+path,w,h+flvplayers[type-2][1]);		
		}
	}else{
			img.innerHTML = '<img style="width:'+w+'px;height:'+h+'px;" '+
			'src="'+path+'">';
	}
	if(sub!=""){
		img.innerHTML += '<div class="subtitle">'+sub.replace(/\[quote2\]/g,"\"").replace(/\[quote1\]/g,"\'")+'</div>';
	}
	adjustcontentdisplaybg();
}


function setimagecontent(id,picid){
	var pic = pics[id][picid];
	setimage(pic[0],path_images+pic[1],pic[2],pic[3],pic[6]);

	if(pics[id].length>1){
		var links="";
		if(picid>0)
			links += '<a class="nrnextprev" href="javascript:void(setimagecontent('+id+','+(picid-1)+'));">&lt;</a>';
		else
			links += '<a class="nrnextprev" href="javascript:void(setimagecontent('+id+','+(pics[id].length-1)+'));">&lt;</a>';
		if(picid<pics[id].length-1)
			links += '<a class="nrnextprev" href="javascript:void(setimagecontent('+id+','+(picid+1)+'));">&gt;</a>';
		else
			links += '<a class="nrnextprev" href="javascript:void(setimagecontent('+id+','+(0)+'));">&gt;</a>';
			links += ' | ';
	
		for(var i=0;i<pics[id].length;i++){
			var t;
			if(i!=picid)
					t="nrlink";
				else
					t="nractive";					
				links += '<a class="'+t+'" href="javascript:void(setimagecontent('+id+
						','+i+'));">'+(i+1)+'</a>';
		}
		document.getElementById("nrlinks").innerHTML = links;
	}
}

function showcontent(id,picid){
	initcontentdisplay();

	var disp = document.getElementById("contentdisplay");
	disp.innerHTML = '<div id="contentimage"></div>';
	var otherdiv = '<div id="contenttext">';

	if(pics[id]){
		if(pics[id].length>1){
			otherdiv += '<div id="nrlinks"></div>';
		}
	}
	otherdiv += content[id].replace(/\[quote2\]/g,"\"").replace(/\[quote1\]/g,"\'");
	otherdiv += '</div>';
	disp.innerHTML += otherdiv;
	if(pics[id]){
		if(pics[id].length>picid){
			setimagecontent(id,picid);
		}else{
			setimagecontent(id,0);		
		}
	}
	adjustcoversize(); //has to be done again in case the size changed
	
	setTimeout("cleanhover()",1000);
}

function hidecontent(){
	navclean();
	if(!content_shown)return;
	document.getElementById("cover").style.visibility = "hidden";
	document.getElementById("contentdisplay").innerHTML="";
	document.getElementById("contentdisplay").style.visibility="hidden";
	document.getElementById("contentdisplaybg").style.visibility="hidden";
	document.getElementById("closeimg").style.visibility = "hidden";
	content_shown=false;
}