$(document).ready(function(){

    var activePage=1;
    var preActivePage=0;
    var nexActivePage=2;
    var tatalPageNumbers =  $(".navButtons .pNumbers a").length;
    $('#pNumb'+activePage).css("color","#666666");
    $('#nextButton').click(function(){
		next();
    }); 
    $('#previousButton').click(function(){
		prev();
    }); 
    $('.pNumb').click(function(){
		var PId = this.id.split('pNumb');
    	        changePage(PId[1]);
    });    
    $('.galleryList li a img').click(function(){
		$('.divImg').css('display','none');
		$('#Div'+this.id).css('display','block');
		return false;
    });  
    $('.close').click(function(){		

		$('.divImg').css('display','none');
		return false;
    });   
    $('.galleryList li a img').mouseover(function(){
		if ( $('#DescriptionDiv'+this.id).css("display") != 'block'){
			$('.DescriptionDivImg').css('display','none');
			$('#DescriptionDiv'+this.id).css('display','block');
		}
		return false;
    });  
    $('.galleryList li a img').mouseout(function(){
		$('.DescriptionDivImg').css('display','none');		
		return false;
    });  
   
    function changePage(PId){
                
		activePage = Number(PId);
		preActivePage = Number(PId) - 1;
            	nexActivePage = Number(PId) + 1;
                $('.pNumb').css("color","#91AE00");
		$('#pNumb'+activePage).css("color","#666666");

                $('.galleryList li').css('display','none');
                $('.thumb'+activePage ).css('display','block');
                return false;
               
    }
        
    function prev(){
             if ( activePage > 1){
                $('.thumb'+activePage).css('display','none');
                $('.thumb'+preActivePage).css('display','block');

                activePage = preActivePage;
                preActivePage -= 1;
                nexActivePage -=1;
                $('.divImg').css('display','none');
                $('.pNumb').css("color","#91AE00");
		$('#pNumb'+activePage).css("color","#666666");
		
             }
             return false;
    }
    
    
    function next(){
             if (activePage < tatalPageNumbers ){
                $('.thumb'+activePage).css("display","none");
                $('.thumb'+nexActivePage).css("display","block");

                activePage = nexActivePage;
                preActivePage +=1;
                nexActivePage +=1;
                $('.divImg').css('display','none');
                $('.pNumb').css("color","#91AE00");
                $('#pNumb'+activePage).css("color","#666666");
             }
             
    }    
    
 });