clickMenu = function(gallery) {

    //am apasat pe sageata stanga
    aImage[0].onclick = function() {

	    stopGallerySlideShow(buton_type);
	    leftArrow();
	    
	    
	    
    }

    //am apasat pe sageata dreapta -- asemenea
    aImage[aImage.length-1].onclick = function() {
	    stopGallerySlideShow(buton_type);
	    
	    rightArrow();
    }
			

    //am apasat pe una din imagini (nu sageti)
    for (var i = 0; i < aList.length; i++) {
		
	    aList[i].onclick = function() {
	    
	    
		stopGallerySlideShow(buton_type);
		//tratez evenimentul click pe thumbanil
		treatEvent(this);
			
	    }

    }
	
    //tratare evenimente tastatura
    document.onkeyup = KeyCheck;       
    
  //  startGallerySlideShow();
    
    

}

function slideToRight(){
    return(
	function(){
	    rightArrow();
	}    
    )
}

function KeyCheck(e){
	
	    var KeyID = (window.event) ? event.keyCode : e.keyCode;
	      
	      switch(KeyID){
		 
	    		case 13: //enter
			    startGallerySlideShow(buton_type);
			    break;
			case 27:  
			    stopGallerySlideShow(buton_type);  
			    break;
	    		case 38:	
		        case 39:
			    rightArrow();
			    break; 
			case 37:
			case 40:
			    leftArrow();
			    break;
			default:
			    break;    
			    
		}
}

/**
  * Parcurg toate imaginile pentru a descoperi imaginea selectata anterior
  * ca sa ii scot chosen				  
  */    
function treatEvent(aListElem){

    
		for (var x = 0; x < aList.length; x++) {

		    if ((aList[x].className.indexOf('chosen'))!=-1)	{

			aList[x].className=aList[x].className.replace("chosen", "");
		    }

		}
		
		//selectez poza
		aListElem.className+=" chosen";		
	    
		if((aListElem.id!=0) && (aImage[0].className.indexOf('disabled') != -1))
			    aImage[0].className = aImage[0].className.replace("disabled", "");
		else if((aListElem.id == 0) && (aImage[0].className.indexOf('disabled') == -1))
			    aImage[0].className += " disabled";
	
		//fac enable pentru sageata dreapta, dc m-am deplasat spre stanga, si dc continea clasa disabled				    
		
		//alert(aImage[aImage.length-1].className.indexOf('disabled'));
		if((aListElem.id != (aList.length-1)) && (aImage[aImage.length-1].className.indexOf('disabled') != -1) )
			    aImage[aImage.length-1].className = aImage[aImage.length-1].className.replace("disabled", "");

		//daca ma duc pe ultima poza fac disabled sageata din dr
		if ((aListElem.id == (aList.length-1)) && (aImage[aImage.length-1].className.indexOf('disabled') == -1) ){
    			    aImage[aImage.length-1].className += " disabled";
		}
}

function leftArrow(){

		    //pentru toate pozele din lista
		    for (var x = aList.length-1; x > 0; x--) {
				
				//pentru poza curenta
				if ((aList[x].className.indexOf('chosen'))!=-1)	{ 
				    

					if(x == 1){ //daca poza curenta este ultima din stanga dezactivez sageata
					    aImage[0].className += " disabled";	    
					}

					//fac enable pentru sageata dreapta, dc m-am deplasat la stanga, si dc continea clasa disabled				    
					if(aImage[aImage.length-1].className.indexOf('disabled') != -1){
					    aImage[aImage.length-1].className = aImage[aImage.length-1].className.replace("disabled", "");
					}

					//clasa nu se mai numeste chosen
					aList[x].className = aList[x].className.replace("chosen", ""); 
					x--;

					//urmatoarea poza de afisat
					if (x > -1) { //daca mai exista o poza de afisat la stanga

					    //scot tagul hide
					    aList[x].className = aList[x].className.replace("hide", "");
				    
					    //atunci o selectez
					    aList[x].className += " chosen";

					    if(x < (aList.length - SLIDE_LIMIT)){
						//ultima poza din dreapta ii pun hide daca nu e hide
					        if ((aList[x + SLIDE_LIMIT].className.indexOf('hide')) == -1){
						    //il pun    
						    aList[x + SLIDE_LIMIT].className += " hide";

						}
					    }

					}

				}

			    }//for

}		
    


function rightArrow(){

    clearGalleryTimer();

    if(galleryDelay > 0){
	galleryTimerId =  setTimeout(slideToRight(), galleryDelay);			    
    }
	
    
    for (var x = 0; x < aList.length - 1; x++) {

	if ((aList[x].className.indexOf('chosen'))!=-1)	{
				    
	    //fac enable pentru sageata stanga, dc m-am deplasat la dreapta, si dc continea clasa disabled				    
	    if(aImage[0].className.indexOf('disabled') != -1){
		    aImage[0].className = aImage[0].className.replace("disabled", "");
	    }

	    aList[x].className = aList[x].className.replace("chosen", "");

	    x++;

	    //pentru ultima poza fac disable la sageata dreapta
	    if(x == aList.length-1){
		aImage[aImage.length-1].className += " disabled";
	    }
				    
	    aList[x].className += " chosen";

	    if (x > (SLIDE_LIMIT - 1)) {

		    aList[x].className = aList[x].className.replace("hide", "");

		    if ((aList[x - SLIDE_LIMIT].className.indexOf('hide')) == -1){
				aList[x - SLIDE_LIMIT].className+=" hide";

		    }
	    }

	}

    }


}

function clearGalleryTimer(){
    
    if(galleryTimerId > 0){
	    clearTimeout(galleryTimerId)
	    galleryTimerId = 0;
    }	    

}

function stopGallerySlideShow(){
	galleryDelay = -1;
	clearGalleryTimer();
	$('play_pause').className = "playGallery";    
}

function stopGallerySlideShow(type){
	galleryDelay = -1;
	clearGalleryTimer();
	$('play_pause').className = "play"+type+"Gallery";    
}

function startGallerySlideShow(){
    if(galleryDelay <= 0)
	galleryDelay = 4000;
    galleryTimerId = setTimeout(slideToRight(), galleryDelay);	
    $('play_pause').className = "pauseGallery";
}

function startGallerySlideShow(type){
    if(galleryDelay <= 0)
	galleryDelay = 4000;
    galleryTimerId = setTimeout(slideToRight(), galleryDelay);	
    $('play_pause').className = "pause"+type+"Gallery";
}

function activateSlideShow(){
    if($('play_pause').className == "pauseGallery")
	stopGallerySlideShow();
    else
	startGallerySlideShow();
	
}

function activateSlideShow(type){
    if($('play_pause').className == "pause"+type+"Gallery")
	stopGallerySlideShow(type);
    else
	startGallerySlideShow(type);
	
}