var site_url = '';
var nav  = [ '#home','#equipment','#record','#questions','#contact','#pleasant' ];
var elm  = [ 'img/hhome.png','img/hequipment.png','img/hrecord.png','img/hquestions.png','img/hcontact.png','img/hpleasant.png' ];
var elm_active  = [ 'img/hhome_activ.png','img/hequipment_activ.png','img/hrecord_activ.png','img/hquestions_activ.png','img/hcontact_activ.png','img/hpleasant_activ.png' ];
var cls_normal  = [ 'home','equipment','record','questions','contact','pleasant' ];
var cls_active  = [ 'home_active','equipment_active','record_active','questions_active','contact_active','pleasant_active' ];
var cls_select  = [ 'home_select','equipment_select','record_select','questions_select','contact_select','pleasant_select' ];
var ID;
var select_menu=0;
$(document).ready(function(){
	setBkgPos();
	
	for ( i = 0; i < nav.length; i++ ) {
		$(nav[i]).bind( 'mouseover', myMouseOver );
		$(nav[i]).bind( 'mouseout', mMouseOut );
		$(nav[i]).bind( 'click', mClick );
	}
	
	$(nav[select_menu])
	.animate({backgroundPosition:'(0px -20px)'}, 100, 
		function(){
             
			$(this)
.removeClass(this.className).addClass(cls_select[select_menu])				
.css({backgroundPosition: '0px -50px'})
.animate( {backgroundPosition:'(0px -20px)'}, 100, 
				function(){
					$(this)
                    .animate( {backgroundPosition:'(0px 0px)'}, 100);
				})
		})
	
}); 


function getID(nm)
{
    for ( i = 0; i < nav.length; i++ ){
        if(nav[i] == '#'+nm) return i;
    }
    return 0;
}


function setBkgPos()
{
	for ( i = 0; i < nav.length; i++ ){
		$(nav[i]).css({backgroundPosition: '0px 0px'});
		$(nav[i] + ' div').css({ top: '-300px'});
	}
}

function myMouseOver(e)
{
    if ( this.className.indexOf('select') >= 0  ){
        return;
    }
    ID = getID($(this).attr('id'));   
    $(this)
        .stop()

       // .css({backgroundImage: 'url('+elm[ID]+')',cursor: 'pointer',backgroundPosition: '0px 0px'})
         .removeClass(this.className).addClass(cls_normal[ID])
         .css({cursor: 'pointer',backgroundPosition: '0px 0px'})
        .animate({ backgroundPosition:'(0px -10px)'},100)
        .animate({ backgroundPosition:'(0px -20px)'},100,
        

            function(){ 
                 ID = getID($(this).attr('id'));
                $(this)
                 //   .css({backgroundImage: 'url('+elm_active[ID]+')',backgroundPosition: '0px -50px'})
                	.removeClass(this.className).addClass(cls_active[ID])
                	.css({backgroundPosition: '0px -50px'})
                    .animate({backgroundPosition:'(0px -20px)'},100)
                    .animate({backgroundPosition:'(0px 0px)'},100)
            
            });
}





function mMouseOut(e)
{			

	if ( this.className.indexOf('select') >= 0  ){
		return;
	}
	
	$(this)
		.stop()
		.animate({backgroundPosition:'(0px -50px)'}, 100, 
			function(){
                 ID = getID($(this).attr('id'));
              
				$(this)
//.css({backgroundImage: 'url('+elm[ID]+')',backgroundPosition: '0px -20px',top:'107px'})
				
.removeClass(this.className).addClass(cls_normal[ID])				
.css({backgroundPosition: '0px -20px'})
.animate( {backgroundPosition:'(0px -10px)'}, 100, 
					function(){
						$(this).animate( {backgroundPosition:'(0px 10px)'}, 100)
                        .animate( {backgroundPosition:'(0px 0px)'}, 100);
					})
			})
		
}

function mClick(e)
{
	//location.href = this.id;
	location.href = $('#'+this.id+' a').attr('href');	
}