//---------------------------------- Xml Request to get the projects.


function get_pro(pro_id)
{ 
xmlHttp=GetXmlHttpObject()
			if (xmlHttp==null)
			 {
				 alert ("Browser does not support HTTP Request")
				 return
			 } 
				var url="gal.php"
				url=url+"?pro_id="+pro_id
				url=url+"&sid="+Math.random()
				xmlHttp.onreadystatechange=stateChanged 
				xmlHttp.open("GET",url,true)
				xmlHttp.send(null)
}
function get_awrd(pro_id)
{ 
xmlHttp=GetXmlHttpObject()
			if (xmlHttp==null)
			 {
				 alert ("Browser does not support HTTP Request")
				 return
			 } 
				var url="awardgal.php"
				url=url+"?pro_id="+pro_id
				url=url+"&sid="+Math.random()
				xmlHttp.onreadystatechange=stateChanged 
				xmlHttp.open("GET",url,true)
				xmlHttp.send(null)
}
function stateChanged() 
			{ 
				if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
				 { 
				 	// past the result data in outerimagecontainer div
					// document.getElementById("outerImageContainer").innerHTML=xmlHttp.responseText ;
					var output=xmlHttp.responseText ;
					loadHTMLFragment("outerImageContainer",output);
					var ststeps=$('up').title=Element.getHeight($('data'));
					$('thow').innerHTML=Element.getHeight($('data'));
					var eststeps=eval (ststeps);
					$('stillsteps').innerHTML=parseInt  (eststeps/100);
					$('fixedH').innerHTML=parseInt  (eststeps/100);
					document.getElementById("des").style.visibility="hidden";
				 } 
			}

//---------------------------------- Xmlhp Request.

function GetXmlHttpObject()
{
	var xmlHttp=null;
	try
	{
	// Firefox, Opera 8.0+, Safari
	xmlHttp=new XMLHttpRequest();
	}
		catch (e)
		{
			//Internet Explorer
			try
			{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
			}
				catch (e)

				{
				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
				}

		}
		return xmlHttp;
}	
// my fucntion for swap image 
function swapimg (src)
{
	document.getElementById("imagecell").innerHTML="";
		var src;
		var objImgae=document.createElement("img");
			objImgae.setAttribute("src",'pics/pro_big/'+src);
			objImgae.setAttribute("height",'320');
			objImgae.setAttribute("id","proj_image");
			document.getElementById("MyProgress").style.display="";
			objImgae.onload=function(){
				
			document.getElementById("MyProgress").style.display="none";			
			//document.getElementById("des").style.visibility="hidden";
			//Effect.Fade('des');
			Effect.Fade('des',{ duration: 0.30, from: 0.8, to: 0.0 });					
			}
		var imgplace=document.getElementById("imagecell");
		imgplace.appendChild(objImgae);
	}
function awardswapimg (src)
{
	document.getElementById("imagecell").innerHTML="";
		var src;
		var objImgae=document.createElement("img");
			objImgae.setAttribute("src",'pics/awrd_big/'+src);
			objImgae.setAttribute("height",'320');
			objImgae.setAttribute("id","proj_image");
			document.getElementById("MyProgress").style.display="";
			objImgae.onload=function(){
				
			document.getElementById("MyProgress").style.display="none";			
			//document.getElementById("des").style.visibility="hidden";
			//Effect.Fade('des');
			Effect.Fade('des',{ duration: 0.30, from: 0.8, to: 0.0 });					
			}
		var imgplace=document.getElementById("imagecell");
		imgplace.appendChild(objImgae);
	}
//---------------------------------------------------------------------------------- opecity imahe functions.


function  print_des(el_id,pro_name,pro_place,th_neximg,th_backimg)

{

	var  el_id ;

	

	//alert (th_backimg+"-------"+th_neximg)

	document.getElementById("des").innerHTML="" ;

	var des;

	des=document.getElementById(el_id).title;

	document.getElementById("des").innerHTML=des;
	//document.getElementById("pro_name").innerHTML=pro_name;
	document.getElementById("pro_place").innerHTML=pro_place;
	//assign the nxt and the back images; retrive to  get_arrow_img F ;

	var th_neximg;

	var th_backimg;
	document.getElementById('N').title=th_neximg;

	document.getElementById('B').title=th_backimg;

	

	

	

	/// sign cleare the prevus selected image 

	selected (el_id);	//// temp

	//document.getElementById("N").innerHTML=th_neximg;

	//document.getElementById("B").innerHTML=th_backimg;

	//document.getElementById("ActiveImg").innerHTML="w"+el_id;
					
					// reset the data position;
					$('data').style.top="0px";
					
					//
					var ststeps=$('up').title=Element.getHeight($('data'));
					$('thow').innerHTML=Element.getHeight($('data'));
					var eststeps=eval (ststeps);
					$('stillsteps').innerHTML=parseInt  (eststeps/100);
					$('fixedH').innerHTML=parseInt  (eststeps/100);
					
					

}
//retrive image number id;

function imgs_num (num,allimgs)

{
	var imagsof;

	var num;

	var allimgs;

	imagsof=num+" of "+allimgs+" image ";

	document.getElementById("imgs_number").innerHTML=imagsof;

}
// hide show discritopn 

function showdes (di)

{

		var di;

		document.getElementById(di).style.display="block";

}
function closedes (di)

{

		var di;

		document.getElementById(di).style.display="none";

}
//-----------------------next enamge or back image 

function get_arrow_img (methode){
	var methode;
	
	var TotlalImages;
	
	TotlalImages=document.getElementById("TotlalImages").title;
	//-------------------------------------------------------------if next
	if (methode=="next")
	{
	var ImgId ;
	ImgId=document.getElementById("N").title;
	//alert (ImgId);
	var  TheImg;
	TheImg=document.getElementById(ImgId).alt;
	//alert (TheImg);
	//print the  new image;
	//MM_swapImage('proj_image','','pics/pro_big/'+TheImg,1);
	swapimg(TheImg);
	// make the next current ( next ) img;
	var Curr_Img=ImgId;
	var Curr_Next=eval(ImgId)+1;
	TotlalImages =TotlalImages;
	//alert ("-----------------"+TotlalImages);
	// if the next buttin the last one turn to the first one ;
	if ( Curr_Next >= TotlalImages )
	{
	NxNxt=TotlalImages;
	document.getElementById("N").title=NxNxt;	
	//alert (Curr_Next+"more than  !"+TotlalImages);
	}
	document.getElementById("N").title=Curr_Next;
	//put the back------------ 
	NinBack=eval(ImgId)-1;
	cccf=document.getElementById("B").title=NinBack;
	//document.getElementById("B").innerHTML=cccf;
	//alert (cccf);
	//// temp
	//document.getElementById("N").innerHTML=Curr_Next;
	//outer the current imge ;
	selected (ImgId);
	// print des
	arrow_des (ImgId);
	// pront imagr number 
	var numImgId;
	numImgId=eval(ImgId)+1;
	imgs_num (numImgId,TotlalImages)
	}
	//-------------------------------------------------------------back 
	if (methode=="back")
	{
	//alert ("kkkkkkkkkkkkkkkkkkkkkkkkkkkkkk");
	var ImgId ;
	ImgId=document.getElementById("B").title;
	//alert (ImgId);
	var  TheImg;
	TheImg=document.getElementById(ImgId).alt;
	//alert (TheImg);
	//print the  new image;
	//MM_swapImage('proj_image','','pics/pro_big/'+TheImg,1);
	swapimg(TheImg);
	// make the back current ( back ) img;
	var Curr_Img=ImgId;
	var Curr_Back=eval(Curr_Img)-1;
	// if the next buttin the first one stop ;
	if ( Curr_Back <= 0 )
	{
	document.getElementById("B").title=0;	
	}
	else
	{
	document.getElementById("B").title=Curr_Back;
	}
	}
	//put the Next :)------------ 
	NinBack=eval(ImgId)+1;
	cccf=document.getElementById("N").title=NinBack;
	//document.getElementById("N").innerHTML=cccf;
	//temp
	//document.getElementById("B").innerHTML=Curr_Back;
	//outer the current imge ;
	selected (ImgId);
	// print des
	arrow_des (ImgId);
	// pront imagr number 
	var numImgId;
	numImgId=eval(ImgId)+1;
	imgs_num (numImgId,TotlalImages)
} 
function get_arrow_img2 (methode){
	var methode;
	
	var TotlalImages;
	
	TotlalImages=document.getElementById("TotlalImages").title;
	//-------------------------------------------------------------if next
	if (methode=="next")
	{
	var ImgId ;
	ImgId=document.getElementById("N").title;
	//alert (ImgId);
	var  TheImg;
	TheImg=document.getElementById(ImgId).alt;
	//alert (TheImg);
	//print the  new image;
	//MM_swapImage('proj_image','','pics/pro_big/'+TheImg,1);
	awardswapimg(TheImg);
	// make the next current ( next ) img;
	var Curr_Img=ImgId;
	var Curr_Next=eval(ImgId)+1;
	TotlalImages =TotlalImages;
	//alert ("-----------------"+TotlalImages);
	// if the next buttin the last one turn to the first one ;
	if ( Curr_Next >= TotlalImages )
	{
	NxNxt=TotlalImages;
	document.getElementById("N").title=NxNxt;	
	//alert (Curr_Next+"more than  !"+TotlalImages);
	}
	document.getElementById("N").title=Curr_Next;
	//put the back------------ 
	NinBack=eval(ImgId)-1;
	cccf=document.getElementById("B").title=NinBack;
	//document.getElementById("B").innerHTML=cccf;
	//alert (cccf);
	//// temp
	//document.getElementById("N").innerHTML=Curr_Next;
	//outer the current imge ;
	selected (ImgId);
	// print des
	arrow_des (ImgId);
	// pront imagr number 
	var numImgId;
	numImgId=eval(ImgId)+1;
	imgs_num (numImgId,TotlalImages)
	}
	//-------------------------------------------------------------back 
	if (methode=="back")
	{
	//alert ("kkkkkkkkkkkkkkkkkkkkkkkkkkkkkk");
	var ImgId ;
	ImgId=document.getElementById("B").title;
	//alert (ImgId);
	var  TheImg;
	TheImg=document.getElementById(ImgId).alt;
	//alert (TheImg);
	//print the  new image;
	//MM_swapImage('proj_image','','pics/pro_big/'+TheImg,1);
	awardswapimg(TheImg);
	// make the back current ( back ) img;
	var Curr_Img=ImgId;
	var Curr_Back=eval(Curr_Img)-1;
	// if the next buttin the first one stop ;
	if ( Curr_Back <= 0 )
	{
	document.getElementById("B").title=0;	
	}
	else
	{
	document.getElementById("B").title=Curr_Back;
	}
	}
	//put the Next :)------------ 
	NinBack=eval(ImgId)+1;
	cccf=document.getElementById("N").title=NinBack;
	//document.getElementById("N").innerHTML=cccf;
	//temp
	//document.getElementById("B").innerHTML=Curr_Back;
	//outer the current imge ;
	selected (ImgId);
	// print des
	arrow_des (ImgId);
	// pront imagr number 
	var numImgId;
	numImgId=eval(ImgId)+1;
	imgs_num (numImgId,TotlalImages)
} 

//curseer arrows des
 function  arrow_des(el_idd)
{
	var  el_idd ;

	//alert (th_backimg+"-------"+th_neximg)

	document.getElementById("des").innerHTML="" ;

	var des;

	des=document.getElementById(el_idd).title;

	document.getElementById("des").innerHTML=des;
	var pro_placear;

	pro_placear=document.getElementById("proplace_arrow").title;

	//document.getElementById("pro_place").innerHTML=pro_placear;
	
	 loadHTMLFragment("pro_place",pro_placear);


}
// mark the selected img 

function selected (s_id)
{

			//celeasn the prevous iage 

			var clean_id;

			clean_id=document.getElementById("ActiveImg").title;

			//alert (clean_id);
		
			var tocl=clean_id.substr(1,6);
			var preimg=document.getElementById(tocl);
				//preimg.setAttribute('src','images/gicon.gif');
				
				preimg.style.border="3px";
		

			// outer it 

			var s_id;

			nowimg=document.getElementById(s_id);
			//alert (nowimg)
			//nowimg.setAttribute('src','images/wicon.gif');
			nowimg.setAttribute('border','3');
			

			//recored it in the pre titile;

			document.getElementById("ActiveImg").title="w"+s_id;
			nowimg.setAttribute('border','2');
			nowimg.removeAttribute('style');
			
}






var isIE = false; 
/*@cc_on @*/ 
/*@if (@_jscript_version >= 4) 
var isIE = true; 
@end @*/ 
function loadHTMLFragment(elemId, HTMLFragment) 
{ 

if (document && document.getElementById && document.getElementById(elemId) &&  document.createElement && 
     document.appendChild &&  document.getElementsByTagName) { 
var el = document.getElementById(elemId); 
if(isIE) 
  { 
   HTMLFragment = "&nbsp;" + HTMLFragment; 
   //The &nbsp; is a hack to cause IE to process the 
   //script elements if the first node in the 
   //HTMLFragment is a script element. 
  } 
el.innerHTML = HTMLFragment; 
var d =el.getElementsByTagName('script'); 
var t = d.length; 
for (var x=0;x<t;x++) 
  { 
   var newScript = document.createElement('script'); 
   newScript.type = "text/javascript"; 
   if(d[x].src) 
    { 
     newScript.src = d[x].src; 
    } 
   else 
    { 
     if(isIE) 
      { 
       newScript.text = d[x].text; 
      } 
     else 
      { 
       var s = document.createTextNode(d[x].text); 
       newScript.appendChild(s); 
      } 
    } 
   el.appendChild(newScript); 
  } 
  for (var y=0;y<t;y++) 
   { 
    el.removeChild(el.getElementsByTagName("script")[0]); 
   } 
  } 
} 






function showexp (){
	var prestate=document.getElementById("des").style.visibility;
	if (prestate=="visible"){
		var eft=Effect.Appear('des',{ duration: 0.80, from: 0.8, to: 0.0});
		document.getElementById("des").style.visibility="hidden";
		
			
	}
	if (prestate=="hidden"){
	
	var imgh=document.getElementById("proj_image").width;
	var eimgh=eval(imgh);
	var nimgh=eimgh-20;
	Element.setWidth('des',nimgh);
	Element.setOpacity('des',0.0);
	document.getElementById("des").style.visibility="visible";
	
	Effect.Appear('des',{ duration: 0.80, from: 0.0, to: 0.8 });
	}
	
	
	
}