/* CC : CHANGE CONTENT */

/* INIT */
function init(){
	//document.getElementById('contentBottomGradient').style.height="550px";
}

/* SET_ORDER */
function set_order(order) {
	f = document.forms.form;
	if (f.elements['data[order]'].value == order)
		f.elements['data[order]'].value = order + " desc";
	else
		f.elements['data[order]'].value = order;
	f.submit();
}
/* OPENLOADER */
function openLoader(){
	centerX = window.screen.width / 2 - 150;
	centerY = 200;
	document.getElementById('redirect').style.left=centerX+'px';
	document.getElementById('redirect').style.top=centerY+'px';
	document.getElementById('redirect').style.visibility='visible';
}
/* CLOSELOADER */
function closeLoader(){
	document.getElementById('redirect').style.visibility='hidden';
}
/* OPENUPLOAD */
function openUpload(){
	centerX = window.screen.width / 2 - 150;
	centerY = 200;
	document.getElementById('upload').style.left=centerX+'px';
	document.getElementById('upload').style.top=centerY+'px';
	document.getElementById('upload').style.visibility='visible';
}
/* CLOSEUPLOAD */
function closeUpload(){
	document.getElementById('upload').style.visibility='hidden';
}
/* DISPLAY HELP */
function displayHelp(helpText){
	var newtitle = helpText;
	var help = document.getElementById("helpBox");
	help.firstChild.nodeValue=newtitle;
}
function hideHelp(){
	var help = document.getElementById("helpBox");
	help.firstChild.nodeValue='';
}
function hideNav(navType){
	if(document.getElementById(navType).style.display=='none'){
		document.getElementById(navType).style.display='';
	}else{
		document.getElementById(navType).style.display='none';
	}
}

/* SAJAX PUT CONTENT */
function do_putcontent_cb(content) {
	document.getElementById(content[0]).innerHTML = content[1];
	closeLoader();
}

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curtop,curleft];
}

function zoom(img,zImg,url,left,top) {
	//onmouseover="zoom(this,'images/photo1-big.jpg','http://www.google.com',20,0);"
	zDiv = document.getElementById('zoomDiv');
	origSrc=img.src;
	iw=img.width/2;
	ih=img.height/2;
	
	pos=findPos(img);
	zDiv.style.top=pos[0]+top+'px';
	if(pos[1]+left < 0) {
		zDiv.style.left='0px';
	} else if(document.body.clientWidth < img.width+left+pos[1]) {
		zDiv.style.left=document.body.clientWidth-img.width-100+'px';
	} else {
		zDiv.style.left=pos[1]+left+'px';
	}
	zDiv.style.visibility='visible';
	zDiv.innerHTML='<a href="'+url+'"><img src="'+zImg+'" onmouseout="zoomOut(this);" style="border: solid 2px black;"></a>';
}

function zoomOut(img) {
	img.src=origSrc;
	zDiv.style.visibility='hidden';
	zDiv.innerHTML='';
}

function opacity(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function shiftOpacity(id, millisec) {
	//if an element is invisible, make it visible, else make it ivisible
	if(document.getElementById(id).style.opacity == 0) {
		opacity(id, 0, 100, millisec);
	} else {
		opacity(id, 100, 0, millisec);
	}
}

function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	
	//make image transparent
	changeOpac(0, imageid);
	
	//make new image
	document.getElementById(imageid).src = imagefile;

	//fade in image
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}

function currentOpac(id, opacEnd, millisec) {
	//standard opacity is 100
	var currentOpac = 100;
	
	//if the element has an opacity set, get it
	if(document.getElementById(id).style.opacity < 100) {
		currentOpac = document.getElementById(id).style.opacity * 100;
	}

	//call for the function that changes the opacity
	opacity(id, currentOpac, opacEnd, millisec)
}

function fadeOutIn(id, millisec){
	if(document.getElementById(id).style.opacity==1){
		currentOpac(id, 0, millisec);
	}
	if(document.getElementById(id).style.opacity==0){
		currentOpac(id, 100, millisec);
	}
}