﻿function albumSlide(type)
{
	var div=document.getElementById('albums_left_main_inner');
	var new_div=document.createElement('div');
	var speed=20;
	
	document.getElementById('album_next_arrow').onclick=function(){};
	document.getElementById('album_prev_arrow').onclick=function(){};
	
	new_div=div.cloneNode(true);

	//Utilities.appendChild(document.getElementById('albums_left_main'),new_div);
	document.getElementById('albums_left_main').appendChild(new_div);
	
	if(type=='up')
	{
		timer=self.setInterval(function (){moveUpEffect(div,50,570)},speed);
		AjaxUpdater.Update('GET','./albums.php?page='+albumPage.getPrevPage(),albumsOnXMLResponse);
	}
	else if(type=='down')
	{	
		div.style.top='0px';
		timer=self.setInterval(function (){moveDownEffect(div,50,570)},speed);
		AjaxUpdater.Update('GET','./albums.php?page='+albumPage.getNextPage(),albumsOnXMLResponse);
	}

}

function moveDownEffect(obj,step,target)
{
	obj.style.top=obj.offsetTop+step+'px';
	
	if(obj.offsetTop>target)
	{
		clearInterval(timer);
		var parent=document.getElementById('albums_left_main');
		parent.removeChild(parent.firstChild);
		document.getElementById('album_prev_arrow').onclick=function(){ albumSlide('up'); };
		document.getElementById('album_next_arrow').onclick=function(){ albumSlide('down'); };
	}
}

function moveUpEffect(obj,step,target)
{
	obj.style.top=obj.offsetTop-step+'px';
	
	if(obj.offsetTop<-1*target)
	{
		clearInterval(timer);
		var parent=document.getElementById('albums_left_main');
		parent.removeChild(parent.firstChild);
		document.getElementById('album_prev_arrow').onclick=function(){ albumSlide('up'); };
		document.getElementById('album_next_arrow').onclick=function(){ albumSlide('down'); };
	}
}

function printNode(node, id)
{
	var display = document.getElementById(id);

	if(node.childNodes.length>0)
	{
		for(var i=0;i<node.childNodes.length;i++)
		{
			display.innerHTML+=node.childNodes[i].tagName+':'+node.childNodes[i].className+'<br />';
			printNode(node.childNodes[i], id);
		}
	}else{
		return null;
	}
}


function getParameters(name,val)
{
	var str='';
	var len=name.length;
	
	for(var i=0;i<len;i++)
	{
		str+=name[i]+'='+val[i];
		if(i+1!=len)
			str+='&';
	}

	return str;
}


function findIndex(ary,val)
{
	for(var i=0;i<ary.length;i++)
		if(ary[i]==val)
			return i;
			
	return -1;
}

function getElementsByClassName(tag_name, class_name)
{
	var obj=document.getElementsByTagName(tag_name);
	var len=obj.length;
	var result=[];
	
	for(var i=0; i<len;i++)
		if(obj[i].className==class_name)
			result.push(obj[i]);

	return result;
}

function preLoad()
{
	var preLoad_img = new Image;
	
	preLoad_img.src='./images/photo_image_loading.gif';
	preLoad_img.src='./images/photo_loading.gif';
	preLoad_img.src='./images/album_loading.gif';
	
}

function filterEffect(){
	var filter = document.getElementById("filter");
	var main_window = document.getElementById("window");
	var opac=filter.style.opacity;
	opac*=100.00;
	
	Utilities.changeOpac(opac+12.5,'filter');

	if(opac>=50)
	{
		clearInterval(timer);
		main_window.style.display="block";
	}
}

function displayMain(page_type,bg_color){
	var main=document.getElementById("main");
	var filter = document.getElementById("filter");
	var img=document.getElementById("window_title_img");
	
	main.style.borderColor=bg_color;
	
	filter.style.display="block";
	
	Utilities.changeOpac(0,'filter');
	timer=self.setInterval("filterEffect()", 10);
	
	img.src="./images/window_title_"+page_type+".gif";
	
	
}

function showSelection(pos)
{
	var selection = getElementsByClassName('div','selection');

	for(var i=0;i<selection.length;i++)
		if(pos==i)
			selection[i].style.display='block';
		else
			selection[i].style.display='none';
			
	switch (pos)
	{
		case 0:
			displayMain('albums','#000');
			break;
		case 1:
			displayMain('blog','#660000');
			break;
		case 2:
			displayMain('workshop','#003300');
			break;
		case 3:
			displayMain('profile','#ff9900');
			break;
	}
	
}

function closeMain(){
	var main_window = document.getElementById("window");
	var filter = document.getElementById("filter");

	main_window.style.display='none';
	filter.style.display='none';
}
/*
function slideUp(id,targetH, top_id,img_id)
{
	var obj=document.getElementById(id);
	var top_bar=document.getElementById(top_id);
	var img=document.getElementById(img_id);
	var speed = 10;
	var times = 10;
	var step = targetH/times;
	
	if(obj.offsetHeight==0)
	{
		img.src='./images/'+img_id+'_c.gif';
		timer=self.setInterval(function (){slideUpEffect(targetH,step,obj,top_bar,'open')},speed);
		
	}else if(obj.offsetHeight==targetH){
		img.src='./images/'+img_id+'.gif';
		timer=self.setInterval(function (){slideUpEffect(targetH,step,obj,top_bar,'close')},speed);
	}
}

function slideUpEffect(targetH,step,obj,top_bar,type)
{
	if(type=='open')
	{
		top_bar.style.top=(top_bar.offsetTop-step)+'px';
		obj.style.top=(obj.offsetTop-step)+'px';
		obj.style.height=(obj.offsetHeight+step)+'px';
		
		if(obj.offsetHeight>=targetH)
			clearInterval(timer);
	}else if(type=='close'){
		top_bar.style.top=(top_bar.offsetTop+step)+'px';
		obj.style.top=(obj.offsetTop+step)+'px';
		obj.style.height=(obj.offsetHeight-step)+'px';
		
		if(obj.offsetHeight<=0)
			clearInterval(timer);
	}
}
*/

function initializeHeight(obj)
{
	obj.style.height='0px';
}

function slideDown(id,targetH)
{
	var obj=document.getElementById(id);
	var speed = 10;
	var times = 10;
	var step = targetH/times;
	if(obj.offsetHeight==0)
		timer=self.setInterval(function (){slideUpEffect(targetH,step,obj,'open')},speed);
	else if(obj.offsetHeight==targetH)
		timer=self.setInterval(function (){slideUpEffect(targetH,step,obj,'close')},speed);
}

function slideUpEffect(targetH,step,obj,type)
{
	if(type=='open')
	{
		obj.style.height=(obj.offsetHeight+step)+'px';
		
		if(obj.offsetHeight>=targetH)
			clearInterval(timer);
	}else if(type=='close'){
		
		obj.style.height=(obj.offsetHeight-step)+'px';
		
		if(obj.offsetHeight<=0)
			clearInterval(timer);
	}
}

function enlargeTextBox(id)
{
	var box = document.getElementById(id);
	box.style.display='inline';

	document.getElementById('img_cm_content_form').pccontent.focus();
}

function retainTextValue(id, _id, btn_id)
{
	var text=document.getElementById(id);
	var _text=document.getElementById(_id);
	
	_text.value=text.value;

}

function noneDisplay(id)
{
	document.getElementById(id).style.display='none';
}

function blockDisplay(id)
{
	document.getElementById(id).style.display='block';
}

function dataSet()
{
	this.data=0;
}

function latestCMChange(id)
{
	var first_td=getElementsByClassName('td', 'latest_cm_author');
	var second_td=getElementsByClassName('td', 'latest_cm_content');
	
	for(var i=0;i<first_td.length;i++)
	{
		if(id==i)
		{
			first_td[i].style.borderBottom='2px #FC0 solid';
			second_td[i].style.borderBottom='2px #FC0 solid';
		}
		else
		{
			first_td[i].style.borderBottom='';
			second_td[i].style.borderBottom='';
		}
	}
	
	document.getElementById('photo_cm_img').src='./resize_image.php?img_name='+document.getElementsByName('latest_cm_src')[id].value+'&size=200&fix=h';
}

