// JavaScript Document
window.addEvent('domready',function(){
	 
	var gallery = $('profilelist');	
	$("backbutton").empty();
	$("backbutton").set({'html':'<img src="../images/button_next_grey.jpg"/>'});
	var myProfilelistSlide = new Fx.Slide('profilelist', {mode: 'horizontal'});

	//var myDetialsSide = new Fx.Slide('profolioContent', {mode: 'horizontal'});
	
	var addProject = function (images){
		var ul	=	new Element('ul' );
		images.each(function(image) {
			var li = new Element('li' );
			var alinks = new Element('a', {/*'onclick':"showPortfolio("+image.id+");",*/'id':"por_"+image.id,'href':"#showportfolioItem"}).inject(li);
			var img = new Element('img', {'src': image.caseImages}).inject(alinks);
		//	var desc = new Element('span', {'html': image.caseTitle}).inject(li);
		//.inject(desc, 'after');
			//var footer = new Element('span').inject(img, 'after');
			
		//	if (image.views > 50 && image.views < 250) footer.set({'html': 'popular', 'class': 'popular'});
			//else if (image.views > 250) footer.set({'html': 'SUPERpopular', 'class': 'SUPERpopular'});
			//else footer.set({'html': 'normal', 'class': 'normal'});
			alinks.addEvent('click', function(listID){
					 
					 	var ids	=this.id.replace(new RegExp("por_"), "");	
			
						getporfileDisplay(ids);
			});/**/
			
			
			li.inject(ul);
		});
		ul.inject(gallery);
		
	}
	var buttonPay=function(Total,Next,Back){
		if(Next>0){
			$("nextbutton").set({'class':'true'});
			$("nextbutton").empty();
			$("nextbutton").set({'html':'<img src="../images/button_next.jpg"/>'});
		}else{
		   $("nextbutton").set({'class':'false'});
		   	$("nextbutton").empty();
		   	$("nextbutton").set({'html':'<img src="../images/button_next_grey.jpg"/>'});
		}
		if(Back>0){
		    $("backbutton").set({'class':'true'});
			$("backbutton").set({'html':'<img src="../images/button_back.jpg"/>'});
		}else{
			$("backbutton").set({'class':'false'});	
			$("backbutton").set({'html':'<img src="../images/button_back_grey.jpg"/>'});
		}
	}
	
	var getporfileDisplay	=	function (proid){
	//	alert(proid);
		var url = './portfolio_data.php?pid=' + proid;
	    var req = new Request({
        url:url,
        method: 'get',
        	onSuccess: function(txt) {
				//alert("sss");
				$("profolioContent").innerHTML = txt;
			}
		}).send();
		
		}
	
	
	var getdatas	= function(page) {//Get List
		var request = new Request.JSON({
			url: '/portfolio/portfolio_data.php?action=portfolio&page='+page,
			onComplete: function(jsonObj) {
				//alert(jsonObj.Datas);
				buttonPay(jsonObj.pageTotal,jsonObj.Next,jsonObj.Back);
				addProject(jsonObj.Datas);
			}
		}).send();
		
	} 
	
 	//Back Button
 
	$('backbutton').addEvent('click', function(e) {
		
		e.stop();
		
		if($('backbutton').className=="true"){
			
			$('crrValue').value=parseFloat($('crrValue').value)-1;
			gallery.empty();	
			myProfilelistSlide.hide(); 
			getdatas($('crrValue').value);
			myProfilelistSlide.show();
			
		}
		
	});
	
	//Next Button
	
	$('nextbutton').addEvent('click', function(e) {
		
		e.stop();
		if($('nextbutton').className=="true"){
			
			$('crrValue').value=parseFloat($('crrValue').value)+1
			//myProfilelistSlide.slideOut();
			gallery.empty();	
			myProfilelistSlide.hide(); 
			getdatas($('crrValue').value);			
			myProfilelistSlide.show();
		}
		
	});
	/*$('profilelist').getElements('li').each(function(el){
													 el.getElement('a').addEvent('click', function(listID){
														alert("The ID of the list element you've chosen is: "+listID);
														}.pass(el.id)
														);
													 });*/
	
	getdatas(0);
	myProfilelistSlide.addEvent('complete', function() {
													 //	alert("ok");
	//	$('vertical_status').set('html', status[myVerticalSlide.open]);
	});
								
});