//=====================================================================
//============ Get the Product description and other value ============
//=====================================================================
function getProductlist(projectID, currentProject, portfolioID)
{
	var ajax = new AJAX();
	var arrParam = new Array();
	arrParam['project_id'] = projectID;
	arrParam['current_project'] = currentProject;
	arrParam['portfolio_id'] = portfolioID;
	ajax.getRequest("get_project.php", arrParam, showProject);
	return false;
}

//==================================================================
//============ Response handler for http request object ============
//==================================================================
function showProject(retVal)
{
	var projectValues, afterImagePath, descriptionVal,totalProjects, imagePath, projectID, projectImageID, recentProject, countProjects, i;
	projectValues = retVal.split('<==>');

	// Store the required values.
	afterImagePath = projectValues[0];
	descriptionVal = projectValues[1];
	validAward = projectValues[2];
	validTestimonial = projectValues[3];

	totalProjects = projectValues[4];
	beforeImagePath = projectValues[5];
	projectID = projectValues[6];
	projectImageID = projectValues[7];
	recentProject = projectValues[8];

	countProjects = projectValues[9];
	awards = projectValues[10];
	projectTestimonials = projectValues[11];
	imagePath = 'images/project_images/'+afterImagePath;

	// Code to get the current project and assign proper class to it.
	for(i = 1; i <= countProjects; i++)
	{
		if(i == recentProject)
		{
			document.getElementById("link_"+i).className = 'lnkblu2a';
			document.getElementById("project_link_"+i).className = 'lnkgrn2a';
		}
		else
		{
			document.getElementById("link_"+i).className = 'lnkblu1a';
			document.getElementById("project_link_"+i).className = 'lnkgrn1a';
		}
	}

	$('#img_blk').animate({opacity: "0"}, 500, function(){
		$('#loader_bg').css("display", "block");
		document.getElementById("project_image").src = imagePath;
		document.getElementById("project_image").onload = function() {
			setTimeout('$(\'#loader_bg\').css("display", "none");$(\'#img_blk\').animate({opacity: "1"}, 500);', 300);
		}});

	document.getElementById("project_desc").innerHTML = descriptionVal;

	if(validAward == 'Y')
	{
		document.getElementById("project_awards").innerHTML = "<a href='awards.php' class='lnksrf1' title='Awards'>Awards</a> - <span style='color:#E7E4AC'>"+ awards + "</span>";
	}
	else
	{
		document.getElementById("project_awards").innerHTML = '';
	}

	if(validTestimonial == 'Y')
	{
		document.getElementById("testimonials").innerHTML = "<a href='testimonials.php' class='lnksrf1'>Testimonial - </a>";
		document.getElementById("display_block").innerHTML = projectTestimonials;
	}
	else
	{
		document.getElementById("testimonials").innerHTML = '';
		document.getElementById("display_block").innerHTML = '';
	}

	document.getElementById("page_bar").innerHTML = '<a href="javascript:void(0)" onclick="javascript:changeImage(1, '+projectID+', '+projectImageID+' , \'previous\')"><img src="images/orange_left_arrow.png" alt="Previous" title="Previous" style="vertical-align:middle"></a> 1 of '+totalProjects+' <a href="javascript:void(0)" onclick="javascript:changeImage(1, '+projectID+', '+projectImageID+' , \'next\')"><img src="images/orange_right_arrow.png" alt="Next" title="Next" style="vertical-align:middle"></a>';

	if(beforeImagePath)
		document.getElementById("blk_before").innerHTML = '<a href="javascript:void(0)" onclick="javascript:displayBefore(\''+beforeImagePath+'\', \''+afterImagePath+'\');" class="lnkgry2a" title="View Before">View Before</a>';
	else
		document.getElementById("blk_before").innerHTML = '&nbsp;';
}

// Function to display the After Image
function displayAfter(beforelocation, afterlocation)
{
	afterImagePath = 'images/project_images/'+afterlocation;

	$('#img_blk').animate({opacity: "0"}, 500, function(){
		$('#loader_bg').css("display", "block");
		document.getElementById("project_image").src = afterImagePath;
		document.getElementById("project_image").onload = function(){
			setTimeout('$(\'#loader_bg\').css("display", "none");$(\'#img_blk\').animate({opacity: "1"}, 500);', 300);
		}});

	document.getElementById("blk_before").innerHTML = '<a href="javascript:void(0)" onclick="javascript:displayBefore(\''+beforelocation+'\', \''+afterlocation+'\');" class="lnkgry2a" title="View Before">View Before</a>';
}

// Function to display the Before Image
function displayBefore(beforePath, afterPath)
{
	beforeImagePath = 'images/project_images/'+beforePath;
	$('#img_blk').animate({opacity: "0"}, 500, function(){
		$('#loader_bg').css("display", "block");
		document.getElementById("project_image").src = beforeImagePath;
		document.getElementById("project_image").onload = function(){
			setTimeout('$(\'#loader_bg\').css("display", "none");$(\'#img_blk\').animate({opacity: "1"}, 500);', 300);
		}});
	//document.getElementById("project_image").src = beforeImagePath;
	document.getElementById("blk_before").innerHTML = '<a href="javascript:void(0)" onclick="javascript:displayAfter(\''+beforePath+'\', \''+afterPath+'\');" class="lnkgry2a" title="View After">View After</a>';
}


//================================================
//============ Get the Image Location ============
//================================================
function changeImage(pageNum, projectID, projectImageID, displayType)
{
	var ajax = new AJAX();
	var arrParam = new Array();
	arrParam['page_no'] = pageNum;
	arrParam['project_id'] = projectID;
	arrParam['project_image_id'] = projectImageID;
	arrParam['type'] = displayType;
	ajax.getRequest("image_process.php", arrParam, showImage);
	return false;
}

//==================================================================
//============ Response handler for http request object ============
//==================================================================
function showImage(retVal)
{
	if(retVal != 'ERROR')
	{
		var showType, currentPage, projectID, projectDisplayID, afterImagePath, beforeImagePath, imagePath, totalProjects;
		imageDetails = retVal.split('<==>');

		// Store the values in variables
		showType = imageDetails[0];
		currentPage = imageDetails[1];
		projectID = imageDetails[2];
		projectDisplayID = imageDetails[3];
		afterImagePath = imageDetails[4];
		beforeImagePath = imageDetails[5];
		totalProjects = imageDetails[6];
		afterImage = 'images/project_images/'+afterImagePath;

		$('#img_blk').animate({opacity: "0"}, 500, function(){
			$('#loader_bg').css("display", "block");
			document.getElementById("project_image").src = afterImage;
			document.getElementById("project_image").onload = function(){
				setTimeout('$(\'#loader_bg\').css("display", "none");$(\'#img_blk\').animate({opacity: "1"}, 500);', 300);
		}});


		if(beforeImagePath)
			document.getElementById("blk_before").innerHTML = '<a href="javascript:void(0)" onclick="javascript:displayBefore(\''+beforeImagePath+'\', \''+afterImagePath+'\');" class="lnkgry2a" title="View Before">View Before</a>';
		else
			document.getElementById("blk_before").innerHTML = '&nbsp;';

		document.getElementById("page_bar").innerHTML = '<a href="javascript:void(0)" onclick="javascript:changeImage('+currentPage+', '+projectID+', '+projectDisplayID+' , \'previous\')"><img src="images/orange_left_arrow.png" alt="Previous" title="Previous" style="vertical-align:middle"></a> '+currentPage+' of '+totalProjects+' <a href="javascript:void(0)" onclick="javascript:changeImage('+currentPage+', '+projectID+', '+projectDisplayID+' , \'next\')"><img src="images/orange_right_arrow.png" alt="Next" title="Next" style="vertical-align:middle"></a>';
	}
}