function navControl(){	
	var navElem = document.getElementsByClassName("project_listelement");
	var len =navElem.length
	div_arr = new Array();
	for(o=0; o<len; o++){
		var subNode = navElem[o];
		div_arr.push(subNode);
		subNode.onmouseover=function(){
				Effect.Fade(this, {to:0.999999, duration:.5});			
		}
		subNode.onmouseout=function(){
				Effect.Fade(this, {to:0.3, duration:.5});		
		}
	}
	fadeIt(0, len);	
}


window.onload = navControl;

function fadeIt(i, len){
	var elem = div_arr[i];
	Effect.Appear(elem, {to:0.3});
	var new_i = i+1;
	if(len>new_i) window.setTimeout("fadeIt("+new_i+", "+len+");", 100);
}

function imagesList(cat,pos){
	var element = $("project_list");
	//alert(element.innerHTML)
	var indicator = $("loading_projectlist");
	indicator.style.display = "block";
	var url = "/ajax/project_list.php";
	var param = "cat="+cat+"&from="+pos;
	var quickEditReq = new Ajax.Request(url, {method:'post', parameters:param, 
			onComplete:function(elem){
				indicator.style.display = "none";
				element.innerHTML = elem.responseText				
				navControl();
			}
	});
}


function imageDetail(id){
	var element = $("detail_img");
	var element_desc = $("image_desc");
	element.innerHTML = '<div id="img_detail"></div>';
	element.style.display = "block";
	Effect.Appear(element_desc, {to:0});
	var url = "/ajax/image_detail.php";
	var param = "id="+id;
	var quickEditReq = new Ajax.Request(url, {method:'post', parameters:param, 
			onComplete:function(elem){
				var resp = elem.responseText;

				var eval_resp = eval(resp);
				element.innerHTML = eval_resp[0].replace("%", "'");
				var c = eval_resp[0];
				
				// RESIZE ELEMENT
				_top = "-"+((eval_resp[1]-80)/2)+"px";
				_height = eval_resp[1]+"px";
				_width = eval_resp[2]+"px";
				
				
				// MORPH BETA
				new Effect.Morph(element,{
  						style:'top:'+_top+'; width:'+_width+'; height:'+_height+';',
  						duration:0.8,
  						afterFinish:function(){
						   var img_element = $("img_detail");
							Effect.Appear(img_element, {to:1});
							// SHOW DESC
							element_desc.innerHTML = eval_resp[3];
							element_desc.style.borderLeft = "1px solid "+eval_resp[4];
							Effect.Appear(element_desc, {to:1});
    					}
				});
				
				new Effect.Morph("body_elem",{
  						style:'background:'+eval_resp[4]+';',
  						duration:0.8
				});
				
				new Effect.Morph("navigation",{
  						style:'background:'+eval_resp[4]+';',
  						duration:0.8
				});
				
				
				
				
				
				
				//element.innerHTML = elem.responseText				
			}
	});
}
function getPageSize(){
	var de = document.documentElement;
	var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	var h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
	
	arrayPageSize = new Array(w,h) 
	return arrayPageSize;
}
function getPageScrollTop(){
	var yScrolltop;
	if (self.pageYOffset) {
		yScrolltop = self.pageYOffset;
	} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict
		yScrolltop = document.documentElement.scrollTop;
	} else if (document.body) {// all other Explorers
		yScrolltop = document.body.scrollTop;
	}
	arrayPageScroll = new Array('',yScrolltop) 
	return arrayPageScroll;
}

function openBigImage(id ,h, w){
	var nh = false;
	var nw = false;
	var ps = getPageSize();
	var pt = getPageScrollTop();

	var wh = ps[1]+pt[1];
	$("deactivate").style.height=wh+"px";
	var wh_n = wh-40
	var fac = w/h;
	
	if(h && wh_n<h){
		h = wh_n;
		nh = true;
		w = h*fac;
	}
	
	var ww = windowWidth();
	var ww_n = wh-40
	if(w && ww_n<w){
		w = ww_n;
		nw = true;
		h = w/fac;
	}
	
	showDeactivate();
	var element = $("big_img");
	var _mtop = (h/2)+5;
	var _mleft = w/2;
	element.style.display = "block";
	
	element.style.height = h+"px";
	element.style.width = w+"px";
	element.style.marginTop ="-"+_mtop+"px";
	element.style.marginLeft = "-"+_mleft+"px";
	loadBigImage(id, (nw ? w : 0), h);
	/*new Effect.Morph(element,{
  		style:'height:'+h+'px; width:'+w+'px;margin-top:-'+_mtop+'px; margin-left:-'+_mleft+'px;opacity:1;',
  		duration:0.8,
  		afterFinish:function(){
  			loadBigImage(id, (nw ? w : 0), h);
  		}
	});*/
}

function windowHeight () {
	if (window.innerHeight) {
		return window.innerHeight;
	}else if(document.body && document.body.offsetHeight) {
		return document.body.offsetHeight;
	}else{
		return 0;
	}
}

function windowWidth () {
	if (window.innerWidth) {
		return window.innerWidth;
	}else if(document.body && document.body.offsetWidth) {
		return document.body.offsetWidth;
	}else{
		return 0;
	}
}


function loadBigImage(id, w, h){
	var element = $("big_img");
	var url = "/ajax/image_big.php";
	var param = "id="+id+"&w="+w+"&h="+h;
	var quickEditReq = new Ajax.Request(url, {method:'post', parameters:param, 
			onComplete:function(elem){				
				element.innerHTML = elem.responseText				
			}
	});
}

function closeBigImg(){
	closeDeactivate();
	var element = $("big_img");
	element.style.display = "none";  
  			element.style.width = "10px"; 
  			element.style.height = "10px"; 
  			element.style.marginLeft = "-5px"; 
  			element.style.marginTop= "-5px"; 
  			element.innerHTML = "";
	/*new Effect.Morph(element,{
  		style:'opacity:0;',
  		duration:0.8,
  		afterFinish:function(){
  			element.style.display = "none";  
  			element.style.width = "10px"; 
  			element.style.height = "10px"; 
  			element.style.marginLeft = "-5px"; 
  			element.style.marginTop= "-5px"; 
  			element.innerHTML = "";
  		}
	});*/
}


function showDeactivate(){
	var element = $("deactivate");
	element.style.display = "block";
	
}

function closeDeactivate(){
	var element = $("deactivate");
	element.style.display = "none";
}