$(document).ready(function(){

    var firstShow = $('#ss_contents > div').attr('id');
    ssInitialize(firstShow);
    
    if (document.getElementById('top')) {
		
        $("#view_link").click(function(){
            $(this).hide();
            $("#portnav").hide();
            $("#drawer").slideToggle("slow");
            $("#panel").slideToggle("slow");
            return false;
        });
		
        $("#close_link").click(function(){
            $("#drawer").slideToggle("slow");
            $("#panel").slideToggle("slow");
            $("#view_link").show("slow");
            $("#portnav").show("slow");
            return false;
        });
    
    }    
    
});
	
function onAfter(curr, next, opts) {
    var index = opts.currSlide;
    $('#ssprevious')[index == 0 ? 'hide' : 'show']();
    $('#ssnext')[index == opts.slideCount - 1 ? 'hide' : 'show']();
}

function setSelected(whichOne) {
	$('.portnavstuff ul li a').removeClass('selected');
	$(whichOne).addClass('selected');
}

function ssInitialize(ssSource) {
    var detailsGrab = $('#ss_contents #' + ssSource + ' div[name=' + ssSource + ']').clone(true);
	$('#panel').html(detailsGrab);
		var colorIt = $('#panel > div').attr('class');
		$('#drawer').attr('class',colorIt);
		$('#view a').attr('class',colorIt);
	    var ssTitle = $('#panel #details h1').text();
	    $('#drawer .drawerright .portfoliotitle').text(ssTitle);

    var contentsGrab = $('#ss_contents #' + ssSource + ' > #contents div').clone(true);
	$('#slideshow').html(contentsGrab).cycle({ 
			fx:     'fade', 
			timeout: 0, 
			nowrap:  1,
			next:   '#ssnext', 
			prev:   '#ssprevious',
			after:   onAfter
		});

        $('#slideshow a.aPlayer').each(function(){
	        var leftPad = ( $('#slideshow').parent().width() - parseInt($(this).css("width")) ) / 2;
	        var topPad = ( $('#slideshow').parent().height() - parseInt($(this).css("height")) )/2;
	        $(this).css({'position':'absolute','left':leftPad,'top':topPad});
	        
	        var thisID = $(this).attr('id');
            flowplayer(thisID,{
                src:'/flowplayer-3.1.4.swf',
                wmode:'opaque' }, {
	            clip: {
	                autoPlay: false,
	                autoBuffering: true
	            }
	        });
	    });

    var contentsGrab = $('#ss_contents #' + ssSource + ' > #contents p').clone(true);
	$('#drawer .portfoliostatement').html(contentsGrab).cycle({ 
			fx:     'fade', 
			timeout: 0, 
			nowrap:  1,
			next:   '#ssnext', 
			prev:   '#ssprevious'
		});
}