function initPage(){
	//sets menus
	selectMenu(sectionId, categoryId);
	
	//copyrights screen position
	moveCopyrights();
	window.onresize = moveCopyrights;
	
	try {
		var fpItemMouseOver = function(evt){
			//Lots of trouble for IE...
			obj = this;
			if(!obj.style){
				obj = getEventElement(evt);
			}
			if(obj.tagName.toLowerCase() == "img"){
				obj = obj.parentNode;
			}
			
				obj.style.backgroundColor = '#B20A0A';
		};
		
		var fpItemMouseOut = function(evt){
			//Lots of trouble for IE...
			obj = this;
			if(!obj.style){
				obj = getEventElement(evt);
			}
			if(obj.tagName.toLowerCase() == "img"){
				obj = obj.parentNode;
			}
			
			if(!obj.active){
				obj.style.backgroundColor = 'transparent';
			}
		};
		
		var fpItems = document.getElementById("fpitemcontainer").getElementsByTagName("A");
		for(i=0; i<fpItems.length; i++){
			if(fpItems[i].id == 'active'){
				fpItems[i].active = true;
			}
			
			addEvent(fpItems[i], 'mouseover', fpItemMouseOver);
			addEvent(fpItems[i], 'mouseout', fpItemMouseOut);
			addEvent(fpItems[i].getElementsByTagName("IMG")[0], 'mouseover', fpItemMouseOver);
			addEvent(fpItems[i].getElementsByTagName("IMG")[0], 'mouseout', fpItemMouseOut);
			
		}
	}
	catch(err) {
		//nice catch
	}
}

//highlights and opens the correct submenu
function selectMenu(sectionId, categoryId){
	//highlight
	if(document.getElementById("menu_sec"+sectionId)){
		var mainObj = document.getElementById("menu_sec"+sectionId);
		mainObj.getElementsByTagName("A")[0].style.color = '#000000';
		if(mainObj.getElementsByTagName("UL")[0]){
			mainObj.getElementsByTagName("UL")[0].style.display = 'block';
		}
	}
	
	if(document.getElementById("menu_cat"+categoryId)){
		var subObj = document.getElementById("menu_cat"+categoryId);
		subObj.getElementsByTagName("A")[0].style.color = '#000000';	
	}
}

var images = new Images();
function Images(){
	this.images = new Array();
		
	this.add = function(id, src, text) {
		var tmpImg = new Image();
		tmpImg.id = id;
		tmpImg.conid = id.substring(0, id.indexOf("_"));
		tmpImg.noCacheSrc = src;
		tmpImg.src = 'images/blank.png';
		tmpImg.copyText = text;
		this.images[this.images.length] = tmpImg;
	};
	
	this.getById = function(id) {
		for(i=0; i<this.images.length; i++){
			if(this.images[i].id == id){
				if(this.images[i].src.indexOf('blank.png') != -1){
					this.images[i].src = this.images[i].noCacheSrc;
				}
				return this.images[i];
				break;
			}
		}
	};
}

function displayPhoto(imgObj, id){
	var dynImage = document.getElementById("dynImage");
	var desc = document.getElementById("desc");
	
	//get the right image
	var image = images.getById(id);
	desc.innerHTML = image.copyText;
	
	var tmp  = function() {
		dynImage.innerHTML = '<a href="index.php?option=com_content&amp;task=view&amp;id=' + image.conid + '&amp;Itemid=99""><img src="' + image.src + '" alt="" border="0" />';
	}
	//some weird IE6 bug to display image it needs a setTimeout, even when it is set to 0ms...
	setTimeout(tmp, 0);
	
	//reset the highlighting
	var fpItems = document.getElementById("fpitemcontainer").getElementsByTagName("A");
	for(i=0; i<fpItems.length; i++){
		fpItems[i].style.backgroundColor = 'transparent';
		fpItems[i].active = null;
	}
		
	imgObj.active = true;
	imgObj.style.backgroundColor = '#B20A0A';
}

function moveCopyrights(){
	try {
		var newHeight = 0;
		var screenHeight = 0;
		var screenWidth = 0;
		var container = document.getElementById("container");
		var containerHeight = getElementTop(container) + container.offsetHeight;
		
		var copyrights = document.getElementById("copyrights");
				
		if(window.innerHeight){
			screenHeight= parseInt(window.innerHeight);
			screenWidth= parseInt(window.innerWidth);
		}
		else if(document.body.clientHeight){
			screenHeight = parseInt(document.body.clientHeight);
			screenWidth = parseInt(document.body.clientWidth);
		}
		
		//correction for body padding
		screenHeight -= 30;
		
		newHeight = Math.max(screenHeight, containerHeight);
		
		//for firefox
		if(browserCheck("firefox")){
			if(newHeight > containerHeight) {
				document.body.style.overflowY = "hidden";
			}
			else {
				document.body.style.overflowY = "auto";
			}
		}
		
		copyrights.style.display = "block";
		copyrights.style.position = "absolute";
		copyrights.style.left = (screenWidth - copyrights.offsetWidth - 30) + "px";
		copyrights.style.top = (newHeight) + "px";
	}
	catch(err){
		//nice catch
	}
}

function swapImg(obj, newSrc){
	obj.src = newSrc;
}

//attach an event to an object
function addEvent(obj, evtType, trigger){
	if(window.addEventListener){ // Mozilla, Netscape, Firefox
		obj.addEventListener(evtType, trigger, false);
	} else { // IE
		obj.attachEvent('on' + evtType, trigger);
	}
}

//get the element that triggered the given event
function getEventElement(evt){
	if(evt.srcElement){
		return evt.srcElement;	
	}
	else {
		return evt.target;	
	}
}

//gets the real top position of an element
function getElementTop(obj){
	yPos = obj.offsetTop;
	tmpObj = obj;
	
	while(tmpObj.offsetParent){
		tmpObj = tmpObj.offsetParent;
		yPos += tmpObj.offsetTop;
	}
	return yPos;
}

//gets the real left position of an element
function getElementLeft(obj){
	xPos = obj.offsetLeft;
	tmpObj = obj;
	
	while(tmpObj.offsetParent){
		tmpObj = tmpObj.offsetParent;
		xPos += tmpObj.offsetLeft;
	}
	return xPos;
}

function browserCheck(checker){
	var userAgent = navigator.userAgent;
	return (userAgent.toLowerCase().indexOf(checker) != -1);
}