// jquery fun
$(document).ready(function(){
    // MAIN NAVIGATION
    $("#navigation ul li span.show").hover(function(){
        $(this).addClass('hover');
    }, function(){
        $(this).removeClass('hover');
    });
    
    $('#navigation ul li span.show').click(function(){
        $(this).next().slideToggle("slow");
    });
    
    
    
    
    // LOAD WORK PAGES
    $('#navigation ul li a.work_link').click(function(e){
        $('.work_link, .page_link').removeClass('active'); // remove all active
        var page = $(this).attr('href');
        // var base = "work_pages/";
        $.get(page, function(data){
            $('div#work_images').empty();
            $('div#work_images').append(data);
            make_internal_nav();
        });
        
		$(this).addClass('active'); // add active to this one
        $(this).addClass('visited'); // add visited
        return false;
    });
    
	
	
	
    // LOAD NONE-WORK PAGES 
    $('a.page_link').click(function(e){
        var page = $(this).attr('href');
        $('.work_link, .page_link').removeClass('active'); // remove all active
       
        $.get(page, function(data){
            $('div#work_images').empty();
            $('div#work_images').append(data);
            make_internal_nav();
        });
        
		var active = page.replace(".php","");
		$('.'+active).addClass('active'); // add active to this one
        return false;
    });
    

});
   
    // INTERNAL PAGE NAVIGATION
    function make_internal_nav(){
        // MAKE A MENU BASED ON THE NUMBER OF IMAGES IN A FILE
        $('#work_image_links').empty(); // reset the content
        $work_images = $('#work_container img');
        $($work_images).addClass('hidden');
        $('#work_container img').eq(0).removeClass('hidden');
        var $x = 1;
        var work_image_links = '';
		$($work_images).each(function(i){
            work_image_links = work_image_links + "<a class='image_link' title='View " + $(this).attr('title') + " image " + $x + "' href='" + $x + "' >" + $x + "<\/a>";
            $x++;
        });
		
        if ($x != 2) {
            $('#work_image_links').append(work_image_links);
        }
        
        
        
        
        // MAKE THE FIRST LINK ON A PAGE ACTIVE
        $('#work_image_links a:first').addClass('active').addClass('visited');
        
        
		
        // WHEN A LINK IS CLICKED, SHOW THE IMAGE
        $('#work_image_links a').click(function(e){
            
			$($work_images).addClass('hidden'); // hide all
            var make_visible = ($(this).attr('href')) - 1; // image to show
            $($work_images).eq(make_visible).removeClass('hidden'); // show the one
            
			// visualy show the links are active or have been clicked
            $('#work_image_links a').removeClass('active'); // remove all active
            $(this).addClass('active'); // add active to this one
            $(this).addClass('visited'); // add visited
            return false;
        });
        
    }