$(document).ready(function(){
	$(document).pngFix();
    
    $(".mailto").emailencode();
    
    // Portfolio
    // assign the slider to a variable
    var slider = $('#portfolio').bxSlider({
    	mode: 'fade',
    	auto: true,
    	autoControls: true,
    	autoControlsSelector: '#myControl',
    	startImage: 'pictures/play.png',
    	stopImage: 'pictures/pause.png',
    	pause: 5000,
    	controls: false,
        randomStart: true,
    	onBeforeSlide: function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject){
  			$('#menu div ul li a').removeClass('pager-active');
		},
    	onAfterSlide: function(currentSlide, totalSlides){
			$('#menu div ul li a').eq(currentSlide).addClass('pager-active');
    	} 	
    });
    
    // assign a click event to the external thumbnails
    $('#menu div ul li a').click(function(){
    	var thumbIndex = $('#menu div ul li a').index(this);
	    // call the "goToSlide" public function
	    slider.goToSlide(thumbIndex);
	    // remove all active classes
	    $('#menu div ul li a').removeClass('pager-active');
	    // assisgn "pager-active" to clicked thumb
	    $(this).addClass('pager-active');
	    // very important! you must kill the links default behavior
	    return false;
  	});

 	
		
	 

 });