jQuery(document).ready(function(){
/* ********************************************************

Load prep

********************************************************* */

	//filmstrip
	//show js enabled
	//$("body").removeClass("no-js");
	
	//filstrip
	sbux_filmstripCounter = 0;
	$('.filmstrip_container').append('<a class="filmstrip_previous">Previous</a><a class="filmstrip_next">Next</a>');
	$('.filmstrip_next').fadeIn("slow");
	
	//pop-up window	
	$('.popup-content').append('<a class="popup-close">Close</a><div class="popup_image-detail"><div class="image-container"><a class="detail-close">Close</a></div></div><div class="popup_video-detail"><div class="video-container"><div id="swf-target"></div><a class="detail-close">Close</a></div></div>"');
	
	//$('.group_links').append('<img src="img/bkd_link-mask.png" class="link_mask" />');
	
	
	//pagination
	$('.footer').append('<div class="pagination"><ul><li class="step-0"><div>&nbsp;</div></li><li class="step-1"><div>&nbsp;</div></li><li class="step-2"><div>&nbsp;</div></li><li class="step-3"><div>&nbsp;</div></li><li class="step-4"><div>&nbsp;</div></li><li class="step-5"><div>&nbsp;</div></li></ul><span>Page <em>1</em> of 6</span></div>');
	$('.pagination .step-0 div').fadeIn("slow");


	// ie6 png fix for dynamically added elements
	if(ie6Flag == true){
		DD_belatedPNG.fix('.filmstrip_previous');
		DD_belatedPNG.fix('.filmstrip_next');
		DD_belatedPNG.fix('.pagination li');
		DD_belatedPNG.fix('.pagination div');
		
		
		DD_belatedPNG.fix('.popup-content');
		$('.popup-content').css({
				'position': 'absolute',
				'top': '0px',
				'left': '0px',	
				'display': 'none'
		});
	}
	/*
	
	*/
	
/* ********************************************************

Pop-up

********************************************************* */	
	$('.popup-trigger').click( function() {
			link_target = $(this).attr('href');
			$(link_target).show();
			$(".popup-content").fadeIn('fast');
			return false;
	});
	$('.popup-close').click( function() {
		close_popup();
		return false;
	});
	
	function close_popup(){
		$("#step-1-content").hide();	
		$("#step-2-content").hide();	
		$("#step-3-content").hide();	
		$("#step-4-content").hide();	
		$("#step-5-content").hide();	
		$("#step-6-content").hide();	
		$("#step-7-content").hide();	
		$("#step-8-content").hide();	
		$("#step-9-content").hide();	
		
		$(".popup-content").hide();	
			
		$(".step-copy").fadeOut('fast');
	}
	
	
	
	
/* ********************************************************

Popup - Detail Images

********************************************************* */	
$('.group_photos .thumbnails a').click(function(){
		loadImage(this);
		return false;
});
$('.popup_image-detail .detail-close').click(function(){
		close_detail();
		return false;
});

function loadImage(target){
	var img = new Image();
	$(img).load( function(){
		$(img).hide();
		$(".popup_image-detail").fadeIn('fast')	;	
		
		$(".popup_image-detail .image-container").append(this);
		
		containerHeight = $(img).height() + 4;
		containerWidth =$(img).width() + 4;
		containerMarginTop = Math.floor( (478 - containerHeight)/2 );
		$('.popup_image-detail .image-container').css({
			'marginTop': containerMarginTop + 'px'
			}
		);
		$('.popup_image-detail .image-container').animate({ 
			'height' : containerHeight + 'px',
			'width' : containerWidth + 'px',
			'top': '0px',
			'left': '0px',
			'opacity' : 1
		}, 450, 'swing', fade_image );
		$(".popup_image-detail .detail-close").fadeIn('slow');
		
	}).attr('src', target.href);
};
function fade_image(){	
		$('.popup_image-detail .image-container img').fadeIn('fast');
}
function close_detail(){
		$(".popup_image-detail .image-container img").remove();
		$(".popup_image-detail .detail-close").hide();
		$('.popup_image-detail .image-container').animate({
			'height' : '52px',
			'width' : '68px',
			/*'top': '220px',*/ //with video
			'top': '139px', //no video			
			'left': '168px',
			'marginTop' : '0px',
			'opacity': 0
			}
		);
		$(".popup_image-detail").fadeOut('fast');
}

	
/* ********************************************************

Popup - Detail Video

********************************************************* */	
$('.group_videos .thumbnails a').click(function(){
		loadVideo(this);
		return false;
});
$('.popup_video-detail .detail-close').click(function(){
		close_video_detail();
		return false;
});

function loadVideo(target){
	tar_class = $(target).attr('class');
	loadContent(tar_class)
	$(".popup_video-detail").fadeIn('fast')	;		
};
function close_video_detail(){	
	$(".video-container #Video").replaceWith('<div id="swf-target"></div>');
	$(".popup_video-detail").fadeOut('fast');
}
function loadContent(targetContent){
	switch(targetContent){
		case 'peru':
				var xmlName = "Peru";
		break;
		case 'timor':
				var xmlName = "Timor";
		break;
		case 'rawanda':
				var xmlName = "Rawanda";
		break;		
		case 'starbucks':
				var xmlName = "Starbucks";
		break;
				var xmlName = "Starbucks";
		default:
	}
	

	var flashvars = {};
	flashvars.xmlPath 			= xmlName.toLowerCase() + "_mp.xml";
	var params = {};
	params.menu					= "false";
	params.scale				= "noscale";
	params.bgcolor			 	= "#000000";
	params.allowscriptaccess 	= "always";
	params.allowfullscreen 		= "true";
	params.wmode 				= "transparent";


	var attributes = {};
	attributes.id 	= "Video";
	attributes.name = "Video";

	swfobject.embedSWF("category.swf", "swf-target", "93%", "406", "9.0.28","expressInstall.swf", flashvars, params, attributes);
	
}


/* ********************************************************

Filmstrip

********************************************************* */	
	$('.filmstrip_previous').click( function() {
			count_incrementer('prev');
	});	
	$('.filmstrip_next').click( function() {
			count_incrementer('next');
	});
	
	function count_incrementer(dir){
		switch( dir ){
			case 'prev':
				if(sbux_filmstripCounter > 0 ){
					--sbux_filmstripCounter;
					close_content();
					prev_action();
				}
			break;
			
			case 'next':
				if(sbux_filmstripCounter < 5 ){
					++sbux_filmstripCounter;
					close_content();
					next_action();
				}
			break;
			
			default:
		}
		
		pagination();
	};
	function prev_action(){
		$('#filmstrip_content').animate({"left": "+=1024px"}, "slow", "swing", fadeButtons);
		return false;
	}	
	function next_action(){
		$('#filmstrip_content').animate({"left": "-=1024px"}, "slow", "swing", fadeButtons);
		return false;
	}
	function fadeButtons(){
		switch( sbux_filmstripCounter ){
			case 0:
				$('.filmstrip_previous').fadeOut("fast");
			break;
			
			case 5:
				$('.filmstrip_next').fadeOut("fast");
			break;
			
			default:
				$('.filmstrip_previous').fadeIn("fast");
				$('.filmstrip_next').fadeIn("fast");
		}
	}
	function pagination(){
		$('.pagination .step-0 div').fadeOut("fast");
		$('.pagination .step-1 div').fadeOut("fast");
		$('.pagination .step-2 div').fadeOut("fast");
		$('.pagination .step-3 div').fadeOut("fast");
		$('.pagination .step-4 div').fadeOut("fast");
		$('.pagination .step-5 div').fadeOut("fast");
	
	
		$('.pagination .step-'+sbux_filmstripCounter+' div').fadeIn("fast");
		$('.pagination span em').text( sbux_filmstripCounter + 1 );
	}
	function close_content(){
		//popup video
		$(".video-container #Video").replaceWith('<div id="swf-target"></div>');
		$(".popup_video-detail").fadeOut('fast');
		
		//popup detail
		$(".popup_image-detail .image-container img").remove();
		$(".popup_image-detail .detail-close").hide();
		$('.popup_image-detail .image-container').css({
			'height' : '52px',
			'width' : '68px',
			/*'top': '220px',*/ //with video
			'top': '139px', //no video			
			'left': '168px',
			'marginTop' : '0px',
			'opacity': 0
			}
		);
		$(".popup_image-detail").hide();
		
		//popup
		$("#step-1-content").hide();	
		$("#step-2-content").hide();	
		$("#step-3-content").hide();	
		$("#step-4-content").hide();	
		$("#step-5-content").hide();	
		$("#step-6-content").hide();	
		$("#step-7-content").hide();	
		$("#step-8-content").hide();	
		$("#step-9-content").hide();			
		$(".popup-content").fadeOut('fast');				
		$(".step-copy").fadeOut('fast');
	}


/* ********************************************************

Quiz

********************************************************* */
	quiz_counter = 1;
	quiz_step_counter = 1;
	
	$('.coffee-quiz a').click( function() {
			$(".quiz-content").fadeIn('fast');
			return false;
	});

	$('a.quiz-close').click( function() {
			$(".quiz-content").fadeOut('fast');
			return false;
	});

	$('.question-group input').click( function() {
			//++quiz_counter;
			showResult(this);
	});
	
	$('#quiz-result .next_question').click( function() {
			++quiz_counter;
			++quiz_step_counter;
			nextQuestion();
			return false;
	});
	
	function nextQuestion(){	
		$.each($("#beverage-options .result"), function(r,results){
			$(results).hide();	
			$("#quiz-result").fadeOut('fast');
		});
		
	
		if(quiz_step_counter<10){
			$(".question-container").animate({"left": "-=481px"});	
			
			if(quiz_counter > 1){
				$('#progress-group h4 span').text( quiz_step_counter );
				$('#progress-group div div').animate({"width": "+=11.08%"});			
			}
		}
	}
	
	function showResult(clicked){
		if(clicked){
			var k = '#'+clicked.value;			
			$("#beverage-options").attr('class', clicked.value);
			$(k).show();
		};
		if(quiz_step_counter == 9){ 
			$('#quiz-result .next_question').hide();
		}
		$("#quiz-result").fadeIn('slow');

	}


});