var arrprojectname;
	var arrprojectdesc;
	var arrmediumalt;
	
	function getDataSet()
	{
		var pidval = document.getElementById('projectid_hidden').value; 
		Project.GetAttachmentDSet(pidval, GetAttachmentDSet_callback);   
	}
	
	function GetAttachmentDSet_callback(response)
	{
		var ds = response.value;
		if(ds != null && typeof(ds) == "object" && ds.Tables != null)
		{
			var count = ds.Tables[0].Rows.length;
			
			arrprojectname = new Array(count);
			arrprojectdesc = new Array(count);
			arrmediumalt = new Array(count);
			
			for(var i=0; i< count; i++)
			{
				arrprojectname[i] = ds.Tables[0].Rows[i].name;
				arrprojectdesc[i] = ds.Tables[0].Rows[i].description;
				arrmediumalt[i] = ds.Tables[0].Rows[i].mediumalttext;
			}				
   		}
		else
		{ 
			alert("Error. [3001] " + response.request.responseText); 
		}
		
	}	
	
	
	function showMedium(src,alt,largeSrc, imgNum)
	{
		var img = document.getElementById('imgMedium');
		img.src = src;     //medium image url
		img.alt = alt;     //medium image alt
		
		document.getElementById('CurrentLoadedImg_src').value = src;  //save source of current image
		document.getElementById('CurrentLoadedImg_alt').value = alt;  //save alt of current image
		document.getElementById('CurrentLoadedImg_num').value = imgNum;  //save number of current image
		document.getElementById('myHiddenVar').value = largeSrc;	//setting url of Large image to be displayed on clicking medium image																	
		document.getElementById('title3').innerHTML =  arrprojectname[imgNum - 1];
		
		var imgNumval = document.getElementById('title5');  //hidden variable to store currently loaded medium image number  
		
		//document.getElementById('projectdescription').innerHTML = pdesc;  //showing image description  of the image
		
		if(parseInt(imgNum)<10)
		{
			imgNumval.innerHTML = "00" + imgNum;   //setting the image number to be displayed
		}
		else
		{
			if(parseInt(imgNum)<100)
			{
				imgNumval.innerHTML = "0" + imgNum;
			}
			else
				imgNumval.innerHTML = "0" + imgNum;
		}
	}

	function showLarge()
	{
		//var MediumSrc = document.getElementById('project_imgMain').src;
		//var LargeSrc = MediumSrc.replace('AttachmentMedium','AttachmentFullsize');
		//window.open('http://'+ location.hostname +'/portfolio/viewer.aspx?src=' + LargeSrc);														
		var MediumID = document.getElementById('project_imgMain').title;
		window.open('http://'+ location.hostname +'/view.aspx?src=' + MediumID);	
	
	}

	function showNext()
	{
		var projectidvalue = document.getElementById('projectid_hidden').value; 
						
		if(parseInt(document.getElementById('CurrentLoadedImg_num').value) < parseInt(document.getElementById('totalnum_Images').value))
		{
		
		var imgSrcstr = document.getElementById('CurrentLoadedImg_src').value;
		var imgAltstr = document.getElementById('CurrentLoadedImg_alt').value;
		
		
		var currentimage_number = parseInt(document.getElementById('CurrentLoadedImg_num').value);  // gets current image number
		var increment_number = parseInt(document.getElementById('CurrentLoadedImg_num').value) + 1;   //gets the next image number
		
		//alert("current image = " + currentimage_number);
		//alert("next image = " + increment_number);
		
		var tempOriginal_string = arrprojectname[currentimage_number - 1];    //image name in original url
		var tempInc_string = arrprojectname[increment_number - 1];			 //image name that shd be in incremented url
		var pdesc = arrprojectdesc[increment_number - 1];
		
		document.getElementById('next_imgSrc').value = "common/files/db/@project!" + projectidvalue + "!AttachmentMedium!" + tempInc_string +"@,get.ashx";  //set hidden value source of next image
		document.getElementById('next_imgAlt').value = arrmediumalt[increment_number - 1]; 

		var img = document.getElementById('imgMedium');
		img.src = document.getElementById('next_imgSrc').value;
		img.alt = document.getElementById('next_imgAlt').value;
		
		document.getElementById('title3').innerHTML = tempInc_string;  //showing image name of next image
		document.getElementById('projectdescription').innerHTML = pdesc;  //showing image description  of next image
		
		
		if(parseInt(increment_number)<10)
		{
			document.getElementById('title5').innerHTML = "00" + increment_number;
		}
		else
		{
			if(parseInt(increment_number)<100)
			{
				document.getElementById('title5').innerHTML = "0" + increment_number;
			}
			else
				document.getElementById('title5').innerHTML = increment_number;
		}
		
		document.getElementById('CurrentLoadedImg_src').value = document.getElementById('next_imgSrc').value;
		document.getElementById('CurrentLoadedImg_alt').value = document.getElementById('next_imgAlt').value;
		document.getElementById('CurrentLoadedImg_num').value = increment_number;
		//alert(increment_number);
		}
	}

	function showPrevious()
	{
		var projectidvalue = document.getElementById('projectid_hidden').value; 
		
		if(  parseInt(document.getElementById('CurrentLoadedImg_num').value) > 1   )
		{
			var imgSrcstr = document.getElementById('CurrentLoadedImg_src').value;
			var imgAltstr = document.getElementById('CurrentLoadedImg_alt').value;

			var currentimage_number = parseInt(document.getElementById('CurrentLoadedImg_num').value);
			var decrement_number = parseInt(document.getElementById('CurrentLoadedImg_num').value) - 1;   //gets the previous image number
			var tempOriginal_string = arrprojectname[currentimage_number - 1];    //image name in original url
			
			var tempInc_string = arrprojectname[decrement_number - 1];   //image name that shd be in decremented url
			var pdesc = arrprojectdesc[decrement_number - 1];
		
			document.getElementById('next_imgSrc').value = "common/files/db/@project!" + projectidvalue + "!AttachmentMedium!" + tempInc_string +"@,get.ashx";  //set hidden value source of previous image
			document.getElementById('next_imgAlt').value = arrmediumalt[decrement_number - 1];  //set hidden value alt of previous image

			var img = document.getElementById('imgMedium');
			img.src = document.getElementById('next_imgSrc').value;
			img.alt = document.getElementById('next_imgAlt').value;
			
			document.getElementById('title3').innerHTML = tempInc_string;
			document.getElementById('projectdescription').innerHTML = pdesc;  //showing image description of next image
			
			if(parseInt(decrement_number)<10)
			{
				document.getElementById('title5').innerHTML = "00" + decrement_number;
			}
			else
			{
				if(parseInt(decrement_number)<100)
				{
					document.getElementById('title5').innerHTML = "0" + decrement_number;
				}
				else
					document.getElementById('title5').innerHTML = decrement_number;
			}
		
			document.getElementById('CurrentLoadedImg_src').value = document.getElementById('next_imgSrc').value;
			document.getElementById('CurrentLoadedImg_alt').value = document.getElementById('next_imgAlt').value;
			document.getElementById('CurrentLoadedImg_num').value = decrement_number;
		}
	}