var x=$(document);
x.ready(inicializarEventosJQuery);

var jsonProyecto = null;

function blockScreen(){
	$.blockUI({message:'<br /><img src="layoutpics/busy.gif" /><span style="font-family:Verdana, Arial, Helvetica, sans-serif;font-size:16px;font-weight:bolder;margin-left:10px;">Cargando contenidos...</span><br /><span style="font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;">Si el proceso demora demasiado presione F5.</span><br /><br />'}); 
}

function unblockScreen(){
	$.unblockUI();
}

function inicializarEventosJQuery(){
	$("#myPortfolioDetail .portfolioDetailBoxArea").block({ message: '<img src="layoutpics/busyDark.gif" />' , css:{border:'none', width: 'auto', backgroundColor:'#000000'}});
	$("#myPortfolioDetail .portfolioDetailPictureBoxArea").block({ message: '<img src="layoutpics/busyDark.gif" />' , css:{border:'none', width: 'auto', backgroundColor:'#000000'}});

	var sendData = "id="+getVar('id');

	$.ajax({
  		 type: "POST",
		 dataType:"json",
  		 url: "utils/php/processLoadProjectData.php",
  		 data: sendData,
  		 success: dataResponse, 
		 error: errorSendingData
		 });
}


function errorSendingData (XMLHttpRequest, textStatus, errorThrown) {

	$("#myPortfolioDetail .portfolioDetailBoxArea").unblock();
	$("#myPortfolioDetail .portfolioDetailBoxArea").css('visibility','hidden');
	
	$("#myPortfolioDetail .portfolioDetailPictureBoxArea").unblock();
	$("#myPortfolioDetail .portfolioDetailPictureBoxArea").css('visibility','hidden');
}

function dataResponse (data, textStatus){
	$("#myPortfolioDetail .portfolioDetailBoxArea").unblock();
	$("#myPortfolioDetail .portfolioDetailPictureBoxArea").unblock();
	if(data!=null && !isNaN(data.resultados) && data.resultados>0){
		jsonProyectos = data;
		cargarProyecto();
	}
	else{
		window.location.href = "trabajos.html";
		$("#myPortfolioDetail .portfolioDetailBoxArea").css('visibility','hidden');
		$("#myPortfolioDetail .portfolioDetailPictureBoxArea").css('visibility','hidden');
	}
}

function cargarProyecto(){

	$("#myPortfolioDetail .portfolioDetailBoxArea .portfolioDetailBoxClient").html(jsonProyectos.cliente[0]);
	$("#myPortfolioDetail .portfolioDetailBoxArea .portfolioDetailBoxURL").html(jsonProyectos.url[0]);
	if(jsonProyectos.url[0]!=null && jsonProyectos.url[0].length>0){
		$("#myPortfolioDetail .portfolioDetailBoxArea .portfolioDetailBoxURL").click(
													function(){
														window.open(jsonProyectos.url[0],'project');
														}
													);
		$("#myPortfolioDetail .portfolioDetailBoxArea .portfolioDetailBoxClient").click(
													function(){
														window.open(jsonProyectos.url[0],'project');
														}
													);
		$("#myPortfolioDetail .portfolioDetailPictureBox .portfolioDetailPictureBoxVisit a.portfolioDetailPictureBoxVisitLink").attr("href",jsonProyectos.url[0]);
		$("#myPortfolioDetail .portfolioDetailPictureBox .portfolioDetailPictureBoxVisit").show();


		$("#myPortfolioDetail .portfolioDetailBoxArea .portfolioDetailBoxClient").css('cursor','pointer');
		
	}
	$("#myPortfolioDetail .portfolioDetailBoxArea .portfolioDetailBoxWork").html(jsonProyectos.trabajo[0]);
	$("#myPortfolioDetail .portfolioDetailBoxArea .portfolioDetailBoxDetails").html(jsonProyectos.descripcion[0]);
	
	if(jsonProyectos.numfotos!=null && jsonProyectos.numfotos>0){
		
		for(var k=jsonProyectos.numfotos;k>0;k--){
			var src = "showPhoto.php?fotonum="+k+"&id=" + jsonProyectos.id[0];
			 $("#myPortfolioDetail .portfolioDetailPictureBox .portfolioDetailPictureBoxThumbnail").prepend('<img id="img'+k+'" src="'+src+'" alt="Proyecto" width="460" height="345" border="0" title="Proyecto" />');
		}
		
		$("#myPortfolioDetail .portfolioDetailPictureBox .portfolioDetailPictureBoxInfo").html(jsonProyectos.trabajo[0]);
		
		$("#myPortfolioDetail .portfolioDetailPictureBox .portfolioDetailPictureBoxThumbnail").cycle({ 
			fx:     'scrollLeft', 
		    //easing: 'bounceout', 
			//delay:  -2000,
			speed:   500, 
			timeout: 7000, 
			next:   '#myPortfolioDetail .portfolioDetailPictureBox .portfolioDetailPictureBoxThumbnail', 
			pause:   1,
			pager:  '#myPortfolioDetail .portfolioDetailPictureBox .portfolioDetailPictureBoxPages'
		});

	}

}

function getVar(name)
 {
 get_string = document.location.search;         
 return_value = '';
 
 do { //This loop is made to catch all instances of any get variable.
	name_index = get_string.indexOf(name + '=');
	
	if(name_index != -1)
	  {
	  get_string = get_string.substr(name_index + name.length + 1, get_string.length - name_index);
	  
	  end_of_value = get_string.indexOf('&');
	  if(end_of_value != -1)                
		value = get_string.substr(0, end_of_value);                
	  else                
		value = get_string;                
		
	  if(return_value == '' || value == '')
		 return_value += value;
	  else
		 return_value += ', ' + value;
	  }
	} while(name_index != -1)
	
 //Restores all the blank spaces.
 space = return_value.indexOf('+');
 while(space != -1)
	  { 
	  return_value = return_value.substr(0, space) + ' ' + 
	  return_value.substr(space + 1, return_value.length);
					 
	  space = return_value.indexOf('+');
	  }
  
 return(return_value);        
 }