$(document).ready(function() {
	credit = $('#slideshow img:first').attr('title');
	$('#credits').html(credit);
	var imgnum = $('#slideshow').children().size();
	for(i=1;i<=imgnum;i++) {
    	$('#slidenav').append('<li><a href="#'+i+'"><img title="'+i+'" src="images/gallery/thumbs'+i+'.jpg" width="62" height="62" border="0" /></a></li>');
    }
    $('#slideshow').cycle({
        fx:     'fade',
        speed:  'slow',
        timeout: 0,
        pager:  '#slidenav',
        pagerAnchorBuilder: function(idx, slide) {
            return '#slidenav li:eq(' + (idx) + ') a';
        }
    });
      
    
    
    $('#slidenav a img').click(function () {
    	num = $(this).attr("title");
    	credit = $('img#'+num).attr("title");
    	if (credit !== "") {
    		$('#credits').css("display","block");
    		$('#credits').text(credit);
    	} else {
    		$('#credits').css("display","none");
    	}
    	
    	if (Number($('img#'+num).attr('height')) > Number($('img#'+num).attr('width'))) {
    		if ($.browser.msie) {
    			if ($.browser.version == "6.0") {
    				$('img#'+num).css('left','470px');
    				$('#credits').css('marginLeft','-115px');
    			} else if ($.browser.version == "7.0") {
    				$('img#'+num).css('left','470px');
    				$('#credits').css('marginLeft','-115px');
    			} else if ($.browser.version == "8.0") {
    				$('img#'+num).css('left','170px');
    				$('#credits').css('marginLeft','170px');
    			}
    		} else {
    			$('img#'+num).css('left','170px');
    			$('#credits').css('marginLeft','170px');
    		}
    	} else if ($.browser.msie) {
    		if ($.browser.version == "8.0") {
    			$('#credits').css('marginLeft','0px');	
    		} else {
	    		$('#credits').css('marginLeft','-293px');
			}
    	}
    	else {
    		$('#credits').css('marginLeft','0px');
    	}
    	
    });
    
    pos = 0;
    slideStage = 1;
    maxStage = Math.ceil((imgnum/16));
    
    if (slideStage == 1) {
		$('#slideprev').css('opacity','.25');
		$('#slideprev').css('cursor','normal');
		$('#slidenext').css('opacity','1');
		$('#slidenext').css('cursor','pointer');
	}
    
    $('#slidenext').click(function() {
    	if (slideStage<maxStage) {
    		pos = pos-298;
			$("#slidenav").animate({ 
				marginTop:pos
			}, 300 );
			slideStage++;
			$('#slideprev').css('opacity','1');
			$('#slideprev').css('cursor','pointer');
		}
		if (slideStage == maxStage){
			$(this).css('opacity','.25');
			$(this).css('cursor','normal');
		}
 	});
    $('#slideprev').click(function() {
    	if (slideStage !== 1) {
    		pos = pos+298;
				$("#slidenav").animate({ 
				marginTop:pos
			}, 300 );
			slideStage--;
			$('#slidenext').css('opacity','1');
			$('#slidenext').css('cursor','pointer');
		}
		if (slideStage == 1) {
			$(this).css('opacity','.25');
			$(this).css('cursor','normal');
		}
    });
});