//this function is used for changing opacity of div

 function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
} 

function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

//fuction for showing loading, args: parent_div==div id where loading will be displayed
function showLoading(parent_div){
	changeOpac(50,parent_div);
	var startPos = GetElementPosition(document.getElementById(parent_div));
	var initSize = GetObjectSize(document.getElementById(parent_div));

	var parent_obj = document.getElementById(parent_div);
	var divLoading = document.createElement("div");
	divLoading.id = "loadingDiv";
	divLoading.style.width =initSize.w+"px";
	divLoading.style.height =initSize.h+"px";
	divLoading.style.position = "absolute";
	divLoading.style.left = startPos.x + "px";
	divLoading.style.backgroundColor = "Transparent";
	divLoading.style.top = startPos.y + "px";
	imgLoading=document.createElement("IMG");
	imgLoading.setAttribute('src', 'images/loading.gif');	
	imgLoading.style.position = "absolute";
	imgLoading.style.left = parseInt((initSize.w/2)) + "px";
	imgLoading.style.top = parseInt((initSize.h/2)-8) + "px";
    divLoading.appendChild(imgLoading);
	parent_obj.appendChild(divLoading);

}	
function removeLoading(parent_div){
 var loading_div = document.getElementById('loadingDiv');
 var parent_obj = document.getElementById(parent_div);
 changeOpac(100, parent_div);
 parent_obj.removeChild(loading_div);
 
}

function checkValidation(obj_array,step){  //arg1=live validation objects array , arg2=registration step number
	
var areAllValid = LiveValidation.massValidate(obj_array); //check valiation while submiting
	if(areAllValid){
		 if(step==1){ 
			uName=document.getElementById('UserName').value;
			uPass=document.getElementById('Password').value;
			registerStep1(uName,uPass);
		 }else if(step==2){
			fName=document.getElementById('Firstname').value;
			lName=document.getElementById('Lastname').value;
			db=document.getElementById('dob_id').value;
			loc=document.getElementById('Location').value;
			mail=document.getElementById('Email').value;
			occu=document.getElementById('Badge').value;
			registerStep2(fName,lName,db,loc,mail,occu); 
		 }else if(step==3){
			type1=document.getElementById('memType1');
			type2=document.getElementById('memType2');
			news=document.getElementById('News').value;
			if(type1.checked==true)memType=type1.value; 
			if(type2.checked==true)memType=type2.value; 
			registerStep3(memType,news); 
		 }else if(step==4){
			code=document.getElementById('Code').value; 
			registerStep4(code); 
		 }
			
	 } 
	 return false;
}

function loginValidation(obj_array){  //obj_array=live validation objects array , 
	
var areAllValid = LiveValidation.massValidate(obj_array); //check valiation while submiting
	if(areAllValid){
		
			uName=document.getElementById('LoginUserName').value;
			uPass=document.getElementById('LoginPassword').value;
			checkLogin(uName,uPass);		
	 } 
	 return false;
}
function forget(obj_array){  //obj_array=live validation objects array , 
	
var areAllValid = LiveValidation.massValidate(obj_array); //check valiation while submiting
	if(areAllValid){
		
			uName=document.getElementById('uname').value;
			uPass=document.getElementById('squestion').value;
			checkLogin(uName,uPass);		
	 } 
	 return false;
}

function uploadProcessing(upload_type){      //upload_type== image upload or element upload

         var error=0;
		 if(upload_type==2){
			 if($('element_type_id').value==0){
				   alert('Please select element type');
				   $('file_btn_id').value='';
				   error=1;    
				}  
		  }
		if(error==0){  
				var counter = parseInt(document.getElementById('current_upload_id').value)+1; 
				
				var file_name =basename(document.getElementById('file_btn_id').value);
				var folder_name =$('folder_name_id').value;
				
				if(file_name!=''){
					   container=document.getElementById('image_container');
					   new_div=document.createElement('div');
					   new_div.setAttribute("id","div"+counter);
					   new_div.style.paddingTop="3px";
					   data='';
					   data+='<table align="center" width="95%" border="0" cellspacing="0" cellpadding="1" style="border-bottom:1px solid #dddddd">';
					   data+='<tr><td  align="left" class="ewListAdd" width="50"><div id="preview'+counter+'"><img src="images/ico_image.png" width="33" height="32" align="absmiddle"></div></td>';
					   data+='<td align="left" class="ewListAdd" width="150">'+file_name+'</td>';
					   data+='<td align="left" class="ewListAdd" width="100" style="color:#6699CC">'+folder_name+'</td>';
					   data+='<td  align="left" class="ewListAdd" ><div id="status'+counter+'"><img src="images/loading_anim.gif" align="absmiddle">&nbsp;Processing...</div></td>';
					   //data+='<td align="center" class="bodytext" width="30"><img style="cursor:pointer" alert="Delete"  src="images/close.gif" onclick="removeDiv(\'image_container\',\'div'+counter+'\')"/></td>';
					   data+='</tr></table>'; 
					   
					   new_div.innerHTML=data;
					   container.appendChild(new_div);
					   document.getElementById('image_title_id').value=file_name;
					   document.form.submit();
					   document.getElementById('file_btn_id').value='';
					   document.getElementById('image_title_id').value='';
					   document.getElementById('file_btn_id').disabled=true;
					   document.getElementById('current_upload_id').value=counter;
					   checkuploadResource(counter);
					  
					
			  }
		}
}
//set selected folder 
function chosenFolder(folder_id,folder_name){
	 $('folder_id_id').value=folder_id;
	 $('folder_name_id').value=folder_name;
	 $('folder_div').innerHTML=folder_name;
	 hs.close();
}
function saveFolder(folder_id,folder_name){
	 $('folder_id_id').value=folder_id;
	 $('folder_name_id').value=folder_name;
	
}
//function for folder action
function createFolderInitiate(type){
	
	href="page/newFolder.php?folder_type="+type+"&parent="+$('folder_id_id').value;
	
	var objPrevLink=$('prevLink');
	if(objPrevLink=='undefined' || objPrevLink==null || objPrevLink==''){
		objPrevLink = document.createElement("a");
		objPrevLink.setAttribute('id','prevLink');
		objPrevLink.setAttribute('href',href);
		$('newfolder_div').appendChild(objPrevLink);
	}
    return hs.htmlExpand(objPrevLink, { objectType: 'ajax', contentId: 'highslide-html1',cacheAjax: false,preserveContent:false,width:300,height:180} )	
}

//function for folder creation
function createFolder(folder_type){
	if(folder_type=='image'){
	  form_obj=document.folder_form_image;	  
	}else{
	   form_obj=document.folder_form_element;		
	}
	fldr_name='Folder_name_'+folder_type;
    folderVarifiy = new LiveValidation(fldr_name, { validMessage: ' OK!', wait: 500});
    folderVarifiy.add(Validate.Presence, {failureMessage: "X"});
	var areAllValid = LiveValidation.massValidate(new Array(folderVarifiy)); //check valiation while submiting
	if(areAllValid){
		hs.close();
	    fName=form_obj.folder_name.value;
		fType=form_obj.folder_type.value;
		ownr=$('parent_id').value;
		createFolderAction(fName,fType,ownr);
		form_obj.folder_name.value='';;
		//document.getElementById('Folder_name').value='';
		
	}
}

//save as image
//function for folder creation
function saveAs(folder_type){
	if(folder_type=='image'){
	  form_obj=document.folder_form_image;	  
	}else{
	   form_obj=document.folder_form_element;		
	}
	
    folderVarifiy = new LiveValidation('folder_name_id', { validMessage: ' OK!', wait: 500});
    folderVarifiy.add(Validate.Presence, {failureMessage: "X"});
	 imageVarifiy = new LiveValidation('image_title_id', { validMessage: ' OK!', wait: 500});
    imageVarifiy.add(Validate.Presence, {failureMessage: "X"});
	var areAllValid = LiveValidation.massValidate(new Array(folderVarifiy)); //check valiation while submiting
	if(areAllValid){
	
	    fName=form_obj.folder_id.value;
		image_id=form_obj.image_id.value;
		image_title=form_obj.image_title.value;
		saveImgAction(fName,image_id,image_title,folder_type);
		form_obj.folder_id.value='';
		form_obj.image_id.value='';;
		form_obj.image_title.value='';;
	}
}


//create folder from context menu
function createFolderFromContext(folder_type){
   if(folder_type=='image'){
	  form_obj=document.folder_form_image;	  
	}else{
	   form_obj=document.folder_form_element;		
	}
	fldr_name='Folder_name_'+folder_type;
    folderVarifiy = new LiveValidation(fldr_name, { validMessage: ' OK!', wait: 500});
    folderVarifiy.add(Validate.Presence, {failureMessage: "X"});
	var areAllValid = LiveValidation.massValidate(new Array(folderVarifiy)); //check valiation while submiting
	if(areAllValid){
		 hs.close();
	    fName=form_obj.folder_name.value;
		fType=form_obj.folder_type.value;
		
		parent1=$('parent_id').value;
	   
		createFolderActionContext(fName,fType,parent1);
		form_obj.folder_name.value='';
		//document.getElementById('Folder_name').value='';
	}
}

function editFolder(folder_id){
	
	fldr_name='Folder_name_'+folder_id;
    folderVarifiy = new LiveValidation(fldr_name, { validMessage: ' OK!', wait: 500});
    folderVarifiy.add(Validate.Presence, {failureMessage: "X"});
	var areAllValid = LiveValidation.massValidate(new Array(folderVarifiy)); //check valiation while submiting
	if(areAllValid){
		hs.close();
	    fName=$(fldr_name).value;
		editFolderAction(fName,folder_id);
		$(fldr_name).value='';
		//document.getElementById('Folder_name').value='';
		
	}
}

//funciton for editing image name 
function editImage(image_id){
	
	Img_name='Image_name_'+image_id;
    ImgVarifiy = new LiveValidation(Img_name, { validMessage: ' OK!', wait: 500});
    ImgVarifiy.add(Validate.Presence, {failureMessage: "X"});
	var areAllValid = LiveValidation.massValidate(new Array(ImgVarifiy)); //check valiation while submiting
	if(areAllValid){
		hs.close();
	    IName=$(Img_name).value;
		editImageAction(IName,image_id);
		$(Img_name).value='';;
		//document.getElementById('Folder_name').value='';
		
	}
}

function editElement(element_id){
	
	Elem_name='element_name_'+element_id;
    ElmVarifiy = new LiveValidation(Elem_name, { validMessage: ' OK!', wait: 500});
    ElmVarifiy.add(Validate.Presence, {failureMessage: "X"});
	var areAllValid = LiveValidation.massValidate(new Array(ElmVarifiy)); //check valiation while submiting
	if(areAllValid){
		hs.close();
	    IName=$(Elem_name).value;
		editElemAction(IName,element_id);
		$(Elem_name).value='';;
		//document.getElementById('Folder_name').value='';
		
	}
}

  function popUp(URL,w,h,scroll1) {
	  //h=120;
	  //w=350;
	  //scroll1=0;
	  var left_v = (screen.width-w)/2;
      var top_v = (screen.height-h)/2;
	  settings1 ='height='+h+',';
      settings1 +='width='+w+',';
      settings1 +='top='+top_v+',';
      settings1 +='left='+left_v+',';
      settings1 +='scrollbars='+scroll1+',';
      settings1 +='resizable=no';
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', '" + settings1 + "')");
}

function CheckAll1()

   {
		for (var i=0;i<document.moveform1.elements.length;i++)

      {

         var e = document.moveform1.elements[i];

         if (e.name != "allbox")

            e.checked = document.moveform1.allbox.checked;

      }

   }  
   
   function confirmAlert()
    {
	  
	  if(window.confirm("Are you sure to execute the command?")){
			         return true;
	    }else{
			  return false;	 
	   }	
   }
   
   function deleteConfirm()
    {
	  if(window.confirm("Are You Sure to delete seleted row(s).")){
			         return true;
	    }else{
			  return false;	 
	   }	
    }
function staConfirm()
    {
	  if(window.confirm("Are you sure to change the status?")){
			         return true;
	    }else{
			  return false;	 
	   }	
   }
   
   function colorIt(obj,clr){
	   if(clr=='#FFFFFF' || clr=='#F4F4F4'){
		    
		   if(obj.style.backgroundColor=='#ffffcc' || obj.style.backgroundColor=='#FFFFCC') {
			    
			  return false;   
		   }
		}
	   
	  obj.style.backgroundColor=clr;
   }
   
  function CatValidity(){
	  count1=0;
		for (var i = 0; i < document.moveform1.elements.length; i++)
		{
			if (document.moveform1.elements[i].type == 'checkbox')
			{
				document.moveform1.elements[i].checked ? count1++ : true;
			}
		}
		if (count1 < 1)
		{
			alert("Select atleast one user");
			return false;
		}
		
	}
   
   function removeDiv(parent,child){
	    var parent_div = document.getElementById(parent);  
		var child_div = document.getElementById(child); 
		parent_div.removeChild(child_div);
	  }
	  
	  //make select(combobox) option empty
	  function makeEmpty(comboId){
		   last=comboId.length-1; //find last index since deleting start from last index to first index order
	      for(j=last;j>=0;j--){
	   	   comboId.options[j]=null;
	      }
	   }
	  
	 //some global varibles
	//  currentSlide=1;
	  scrollCondition=0; //this varible will be used for zooming image for scolling envireonment like iframe, div etc
	  zoomCondition=1;
	 // currentSelectedFolder=0;
	  my_glider='';
	  nextPreDisable=false;
	  breadThumbFolderId=new Array();
	  breadThumbFolderName=new Array();
	 
	  breadThumbFolderId[0]=0;
	  breadThumbFolderName[0]='/ (Unsorted)';
	  
	  //folder sliding with slide show
	/*  function goNextSlide(){
		 var nextSlide=currentSlide+1; 
		 var slideObj=$('folder_holder');
		 nextSlideObj=$('folder_holder'+nextSlide);
		 
		 if(nextSlideObj=='undefined' || nextSlideObj=='' || nextSlideObj==null) return false;
		 
		 var queue = Effect.Queues.get('folder_effect');
		 
		 if(slideObj=='undefined' || slideObj=='' || slideObj==null) return false;
		 else {
		     //new Effect.SlideDown(slideObj,{queue: {position:'end', scope: 'folder_effect', limit:3}});
		      new Effect.Fade(slideObj,{afterFinish:function(){slideObj.style.display='';showSlide(nextSlide)},duration:0.5,queue: {position:'front', scope: 'folder_effect', limit:2}});
		      currentSlide=nextSlide;
		      
		    }
	  }
	  
	  
	  function goPrevSlide(){
		 var prevSlide=currentSlide-1; 
		 var slideObj=$('folder_holder');
		 pregvSlideObj=$('folder_holder'+prevSlide);
		 
		 if(pregvSlideObj=='undefined' || pregvSlideObj=='' || pregvSlideObj==null) return false;
		 
		 var queue = Effect.Queues.get('folder_effect');
		 
		 if(slideObj=='undefined' || slideObj=='' || slideObj==null) return false;
		 else {
		     //new Effect.SlideDown(slideObj,{queue: {position:'end', scope: 'folder_effect', limit:3}});
		      new Effect.Fade(slideObj,{afterFinish:function(){slideObj.style.display='';showSlide(prevSlide)},duration:0.5,queue: {position:'front', scope: 'folder_effect', limit:2}});
		      currentSlide=prevSlide;
		      
		    } 
	  }
	
	
	//show selected slide and hide all slide
	function showSlide(slideShown){
		var slideObj=$('folder_holder'+slideShown);
		var allSlide = $$('div#folder_holder .folder_holder_class');
	    for(var i=0; i<allSlide.length; i++){
		  allSlide[i].style.display='none';
	   }
	   slideObj.style.display='block';
	   highlightSelected(findFirstFolder(slideObj));//show  images of first folder by default
	 }
	 
	 function showSelecteSlide(slideShown){
		var slideObj=$('folder_holder'+slideShown);
		 if(slideObj=='undefined' || slideObj=='' || slideObj==null){
		   currentSlide=1;
		   showSlide(currentSlide);
		 }else{
		    var allSlide = $$('div#folder_holder .folder_holder_class');
	        for(var i=0; i<allSlide.length; i++){
		     allSlide[i].style.display='none';
	        }
	      slideObj.style.display='block';
		 }
	 }
	 
	 //finding first folder of a slide
	 function findFirstFolder(slideObj){
		 var allFolderUnderThis = slideObj.childNodes;  
		 return parseInt(allFolderUnderThis[0].id);
	  }
	 
	//highlight a folder
	/*function highlightSelected(who){
		var seletectedTable=$('table'+who);
		var tableList = $$('div .folder_tbl');
        currentSelectedFolder=who;
		for(var i=0; i<tableList.length; i++){
		  tableList[i].style.border='1px solid #cccccc';
	    }
		seletectedTable.style.border='1px solid #0088AC';
		showImageListing(who);
	}
	*/
	
	//context menu for folder
	function onButtonClick(itemId,itemValue)
		{
			var seletedFolder = $("folder"+itemValue);
			if(itemId=='mnu_rename'){
				var objPrevLink=$('prevLink'+itemValue);
				if(objPrevLink=='undefined' || objPrevLink==null || objPrevLink==''){
					objPrevLink = document.createElement("a");
					objPrevLink.setAttribute('id','prevLink'+itemValue);
					objPrevLink.setAttribute('href','page/editFolder.php?folder_id='+itemValue);
					seletedFolder.appendChild(objPrevLink);
				}
				return hs.htmlExpand(objPrevLink, { objectType: 'ajax', contentId: 'highslide-html',cacheAjax: false,preserveContent:false,width:320,height:170} );
			}
			if(itemId=='mnu_open'){
				 showElementListing(itemValue);
			}
			if(itemId=='mnu_delete'){
				if(confirm('Are you sure to delete?')){
				  deleteFolder(itemValue,'image');	
				}
			}
		}
	
     //context menu for iamges
	 function onButtonClickImg(itemId,itemValue)
		{
			var seletedImage = $(itemValue);
			if(itemId=='mnu_rename'){
				var objPrevLink=$('prevLinkImg'+seletedImage);
				if(objPrevLink=='undefined' || objPrevLink==null || objPrevLink==''){
					objPrevLink = document.createElement("a");
					objPrevLink.setAttribute('id','prevLinkImg'+itemValue);
					objPrevLink.setAttribute('href','page/editImage.php?image_id='+itemValue);
					seletedImage.appendChild(objPrevLink);
				}
				return hs.htmlExpand(objPrevLink, { objectType: 'ajax', contentId: 'highslide-html',cacheAjax: false,preserveContent:false,width:320,height:170} );
			}
			if(itemId=='mnu_open'){
				var objPrevLink1=$('prevLinkImg'+seletedImage);
				if(objPrevLink1=='undefined' || objPrevLink==null || objPrevLink==''){
					objPrevLink1 = document.createElement("a");
					
					objPrevLink1.setAttribute('id','prevLinkImg'+itemValue);
					objPrevLink1.setAttribute('href',$('imgage'+itemValue).src);
					seletedImage.appendChild(objPrevLink1);
				}
				return hs.expand(objPrevLink1);
			}
			if(itemId=='mnu_edit'){
				 window.location='editor.php?action=editor&imgId='+itemValue;
			}
			if(itemId=='mnu_save'){
				href="page/saveAs.php?folder_type=image&image_id="+itemValue;
	
				var objPrevLink3=$('prevLinkSave'+itemValue);
				if(objPrevLink3=='undefined' || objPrevLink3==null || objPrevLink3==''){
					objPrevLink3 = document.createElement("a");
					objPrevLink3.setAttribute('id','prevLinkSave'+itemValue);
					objPrevLink3.setAttribute('href',href);
					seletedImage.appendChild(objPrevLink3);
				}
				return hs.htmlExpand(objPrevLink3, { objectType: 'ajax', contentId: 'highslide-html1',cacheAjax: false,preserveContent:false,width:350,height:300} )
			}
			if(itemId=='mnu_delete'){
				if(confirm('Are you sure to delete?')){
				  deleteImage(itemValue);	
				}
			}
		}
   
    
	//this is for zoomimg image script, it will be execute when a image zoom done
	function callZoomer(obj,zoomVal,controller_id){
	  scrollCondition=zoomVal;
	  if(zoomCondition==1){
			  if(zoomVal==1){
				PopBox(obj,GetElementPosition(obj).x,GetElementPosition(obj).y-$('image_container').scrollTop,GetElementPosition(obj).x-4,GetElementPosition(obj).y-(5+$('image_container').scrollTop),110,112,124,124,3,3,'PopBoxImageLarge',function(){PostPopProcessingImg(controller_id)});	
			  }else{
				  scrollCondition=2;
				
				  PopBox(obj,GetElementPosition(obj).x-$('folder_holder').scrollLeft,GetElementPosition(obj).y,GetElementPosition(obj).x-(8+$('folder_holder').scrollLeft),GetElementPosition(obj).y-2,78,80,94,88,3,3,'PopBoxImageLarge',function(){PostPopProcessing(controller_id)});  
			  }
	   }
    }
	
	
	function PostPopProcessing(folder_id){
		scrollCondition=0;	
		var myId="popcopyimg"+folder_id;
		aMenu.setContextZone(myId,folder_id);
		
	 }
	function PostPopProcessingImg(image_id){
	    scrollCondition=1;
		
		var myId="popcopyimgage"+image_id;
		aMenuImg.setContextZone(myId,image_id);
		
		             
				    if(!$('prevLinkImg'+image_id)){
					objPrevLink1 = document.createElement("a");
					objPrevLink1.setAttribute('id','prevLinkImg'+image_id);
					objPrevLink1.setAttribute('href',$('imgage'+image_id).src);
					$(image_id).appendChild(objPrevLink1);
					}
			
		
		
		 $(myId).onclick=function(){return hs.expand($('prevLinkImg'+image_id));};
		
	 } 
	 function PostPopProcessingLarge(thumb_id,anchor_id){
		var myId="popcopy"+thumb_id;
		
	  
		 $(myId).onclick=function(){return hs.expand($(anchor_id))};
		 
 
	 } 
  
  
  
  //script for image preview in tree
function ShowImagePreview(elem)
{
	if(elem.title=='') return;
	else
      {
		 var newelement='';
		
		newelement+='<table width="100%" border="0" cellspacing="0" cellpadding="0">';
		newelement+='<tr><td height="'+windowContainer.scrollTop+'">&nbsp;</td></tr>';
		newelement+='<tr><td valign="top" align="center"><img border="1px solid #FFFFFF" src="'+$("img"+elem.id).src+'" width="120" height="120"></td></tr></table>';		
		$('image_preview').innerHTML=newelement;
	  }

//alert(newelement.style.left+"ddd="+newelement.style.top);
} 

function hideImagePreview(elem){
	//if(elem.title=='') return;
	//else
	//  elem.removeChild($(elem.id+"img"));  
	$('image_preview').innerHTML='';
	
}

//printing bread thumb for folder listing
function breadThumb(){
    var thumb_content='My Folder:&nbsp;<strong>';
	// alert(breadThumbFolderName);
	
    for(var i=0;i<breadThumbFolderId.length;i++){
		 if(i!=0){
		  
		  thumb_content+='&nbsp;<b>/</b>&nbsp;';
	   } 
	   thumb_content+='<a class="bodylink" href="javascript:showImageListing('+breadThumbFolderId[i]+')">'+breadThumbFolderName[i]+'</a>'; 
	  
	  
	}
	thumb_content+='</strong>';
  $('bread_thumb').innerHTML=thumb_content;	
}

function breadThumbElement(){
    var thumb_content='My Folder:&nbsp;<strong>';
	// alert(breadThumbFolderName);
	
    for(var i=0;i<breadThumbFolderId.length;i++){
		 if(i!=0){
		  
		  thumb_content+='&nbsp;<b>/</b>&nbsp;';
	   } 
	   thumb_content+='<a class="bodylink" href="javascript:showElementListing('+breadThumbFolderId[i]+')">'+breadThumbFolderName[i]+'</a>'; 
	  
	  
	}
	thumb_content+='</strong>';
  $('bread_thumb').innerHTML=thumb_content;	
}

function onButtonClickBase(itemId,itemValue){
	if(!$('folder_create_img')){
		 var startPos = GetElementPosition($('folder_container'));
		 var parent_dimensions = Element.getDimensions($('folder_container'));
		 var winDivX=parseInt((startPos.x+(parent_dimensions.width/2)));
		 var winDivY=parseInt((startPos.y+(parent_dimensions.height/2))); 
		 img=document.createElement('A');
		 img.id ="folder_create_img";
		 img.style.position="absolute";
		 img.style.left = winDivX+"px";
		 img.style.top = winDivY+"px";
		 $('folder_container').appendChild(img);
	}
	 img.href='page/newFolderFromContex.php?folder_type=image&parent='+breadThumbFolderId[breadThumbFolderId.length-1];
	 return hs.htmlExpand(img, { objectType: 'ajax', contentId: 'highslide-html',cacheAjax: false,preserveContent:false,width:300,height:180} );
} 

//context menu for elements
function onButtonClickElemFldr(itemId,itemValue)
		{
			var seletedFolder = $("folder"+itemValue);
			if(itemId=='mnu_rename'){
				var objPrevLink=$('prevLink'+itemValue);
				if(objPrevLink=='undefined' || objPrevLink==null || objPrevLink==''){
					objPrevLink = document.createElement("a");
					objPrevLink.setAttribute('id','prevLink'+itemValue);
					objPrevLink.setAttribute('href','page/editFolder.php?folder_id='+itemValue);
					seletedFolder.appendChild(objPrevLink);
				}
				return hs.htmlExpand(objPrevLink, { objectType: 'ajax', contentId: 'highslide-html',cacheAjax: false,preserveContent:false,width:320,height:170} );
			}
			if(itemId=='mnu_open'){
				 showElementListing(itemValue);
			}
			if(itemId=='mnu_delete'){
				if(confirm('Are you sure to delete?')){
				  deleteFolder(itemValue,'element');	
				}
			}
		}

function onButtonClickElem(itemId,itemValue)
		{
			var seletedImage = $(itemValue);
			if(itemId=='mnu_rename'){
				var objPrevLink=$('prevLinkImg'+seletedImage);
				if(objPrevLink=='undefined' || objPrevLink==null || objPrevLink==''){
					objPrevLink = document.createElement("a");
					objPrevLink.setAttribute('id','prevLinkImg'+itemValue);
					objPrevLink.setAttribute('href','page/editElement.php?element_id='+itemValue);
					seletedImage.appendChild(objPrevLink);
				}
				return hs.htmlExpand(objPrevLink, { objectType: 'ajax', contentId: 'highslide-html',cacheAjax: false,preserveContent:false,width:320,height:170} );
			}
			if(itemId=='mnu_open'){
				
				if($('imgage'+itemValue).src.indexOf('elements',0)>-1){
				var objPrevLink1=$('prevLinkImg'+seletedImage);
				if(objPrevLink1=='undefined' || objPrevLink==null || objPrevLink==''){
					objPrevLink1 = document.createElement("a");
					
					objPrevLink1.setAttribute('id','prevLinkImg'+itemValue);
					objPrevLink1.setAttribute('href',$('imgage'+itemValue).src);
					seletedImage.appendChild(objPrevLink1);
				}
				return hs.expand(objPrevLink1);
				}
				else
				{
				  return;	
				}
				
			}
			if(itemId=='mnu_edit'){
				return alert('Not yet implemented');
				 highlightSelected(itemValue);
			}
			if(itemId=='mnu_save'){
				href="page/saveAs.php?folder_type=element&image_id="+itemValue;
	
				var objPrevLink3=$('prevLinkSave'+itemValue);
				if(objPrevLink3=='undefined' || objPrevLink3==null || objPrevLink3==''){
					objPrevLink3 = document.createElement("a");
					objPrevLink3.setAttribute('id','prevLinkSave'+itemValue);
					objPrevLink3.setAttribute('href',href);
					seletedImage.appendChild(objPrevLink3);
				}
				return hs.htmlExpand(objPrevLink3, { objectType: 'ajax', contentId: 'highslide-html1',cacheAjax: false,preserveContent:false,width:350,height:300} )
			}
			if(itemId=='mnu_delete'){
				if(confirm('Are you sure to delete?')){
				  deleteElement(itemValue);	
				}
			}
		}


function onButtonClickBaseElem(itemId,itemValue){
	if(!$('folder_create_img')){
		 var startPos = GetElementPosition($('folder_container'));
		 var parent_dimensions = Element.getDimensions($('folder_container'));
		 var winDivX=parseInt((startPos.x+(parent_dimensions.width/2)));
		 var winDivY=parseInt((startPos.y+(parent_dimensions.height/2))); 
		 img=document.createElement('A');
		 img.id ="folder_create_img";
		 img.style.position="absolute";
		 img.style.left = winDivX+"px";
		 img.style.top = winDivY+"px";
		 $('folder_container').appendChild(img);
	}
	 img.href='page/newFolderFromContex.php?folder_type=element&parent='+breadThumbFolderId[breadThumbFolderId.length-1];
	 return hs.htmlExpand(img, { objectType: 'ajax', contentId: 'highslide-html',cacheAjax: false,preserveContent:false,width:300,height:180} );
}