// Work Page

$(document).ready(
	function()
	{
		$('#cases').Accordion(
			{
				headerSelector	: 'dt',
				panelSelector	: 'dd',
				activeClass		: 'casenameActive',
				hoverClass		: 'casenameHover',
				panelHeight		: 200,
				speed			: 300
			}
		);		
		
		$('#cases a').bind("click" , function() {
			set_case( this.href );						
			return false;
		});
		
		$('#graphicslist a').bind("click" , function() {
			$(document).one("endCaseLoad" ,
				function() {
					initSlideshow();
				}
			);
		});	
		$('#misclist a').bind("click" , function() {
			$(document).one("endCaseLoad" ,
				function() {
					$('a.downloadButton').fadeTo( 'fast', 0.6 );
					$('a.downloadButton').hover(
						function() {
							$(this).fadeTo( 'fast', 1 );				 
						},
						function() {
							$(this).fadeTo( 'fast', 0.6 );				 
						}					
					);					
				}
			);
		});				

	}
);




function set_case( url ) {	
	var element   = "#casewrapper";
	var aLoading  = baseurl+ "design/images/loading.gif";
	
	$(element).fadeOut( 200 , function() {
		$(element).html('<div id="caseLoader"><div>[ Initializing ]<br /><img style="margin: 15px;" src="'+aLoading+'" /></div>');
		$(element).fadeIn('normal' , function() {
			$.get( url+ "&ajax=true", function( data ) {											   
				$(element).fadeOut('normal' , function() {
					$(element).html( data );		
					$(element).fadeIn( 300, function() { 
						$(document).trigger("endCaseLoad");
					});	
				 });
			 });
		});
	});	
}







$.sparkleSlideShow = [			
	{
	container: '#slideshow',
	imgdirectory: baseurl + "content/graphics/artwork/",	
	images: 	[
						{
							name: 'Big Tentacle',							
							src: 'thumb-bigtentacle.jpg'
						},
						{
							name: 'Anno 1907',
							src: 'thumb-anno1907.jpg'
						},						
						{
							name: 'Garden',
							src: 'thumb-garden.jpg'
						},
						{
							name: 'Syndrome',
							// description: 'And another description comes here!',
							src: 'thumb-syndrome.jpg'							
						},
						{
							name: 'Mainframe',
							src: 'thumb-explodingmainframe.jpg'
						}						 
				]
	}
]






function initSlideshow() {
	var i               = 0;
	var container       = $.sparkleSlideShow[i]['container'];
	var menulist        = "<ul>"+initSlideshowMenu(i)+"</ul>";

	$(container).html('<div class="slideShowMenu">'+menulist+'</div><div id="currentSlide"></div>');
	set_slide(1, 0);
	
}


function get_slideProperties( slide, show_id ) {
	var id    = get_slideID(slide);		
	p = $.sparkleSlideShow[show_id]['images'][id];	

	return p;
}

function get_slideID( slide ){
	var id = slide - 1;
	return id;
}

function set_slide( slide , show_id ) {
	var p = properties  = get_slideProperties(slide, show_id);
	var html = create_slide_html(p, show_id);
	
	$('#currentSlide').fadeOut('fast' , function() {
		$('#currentSlide').html(html);
		$('#currentSlide').fadeIn('normal');
    });
	
	$.sparkleSlideShow[show_id]['current'] = slide;	
	
	//trace($.sparkleSlideShow[show_id]);	
}

function create_slide_html( properties , show_id ){		
	var name 		= properties['name'];
	var src  		= $.sparkleSlideShow[show_id]['imgdirectory'] + properties['src'];
	var description = properties['description'];
	var html 		= '';
	
	html += '<div class="slideName">'+name+'</div>';
	html += "\n";
	html += '<div class="slideImage"><img src="'+src+'" alt="'+description+'" title="'+name+'"/></div>';
	html += "\n";
	if(description != null)
		html += '<div class="slideDescription"><p>'+description+'</p></div>';

	return html
}



function initSlideshowMenu(c) {
	var images   = $.sparkleSlideShow[c]['images'];
	var anchorid = $.sparkleSlideShow[c]['container'];
	var menulist = '';
	
	
	for( var i = 0; i < images.length; i++ ) {
		var x = i + 1;
		menulist += '<li><a href="'+anchorid+'-'+x+'" onclick="set_slide('+x+', '+c+')" >'+x+'</a></li>';
	}
	return menulist;
}





/*
function trace( array ) {	
	var message = "--------------------------\n TRACED VARS\n--------------------------\n";

	for( i in array ) {
		message += "Value "+i+":\n"+array[i]+"\n\n";
	}	
	alert(message);	
}
// */






// ------------------------------------------------------------------------------------------------
// PRELOAD IMAGES
// ------------------------------------------------------------------------------------------------

/*
$(window).bind('load', function(){
   var preload = $.sparkleSlideShow[0];
     '/images/assets/file/1.gif',
     '/images/assets/file/2.gif',
     '/images/assets/file/3.gif'
   ];          
   $(document.createElement('img')).bind('load', function(){
    if(preload[0]) this.src = preload.shift();
   }).trigger('load');          

});
 */