//	FUNCTION 1

$(function() {	
	$('#slideshow').cycle({ 
	activePagerClass: 'activeSlide',
	fx:     'fade', 
	speed:  '250', 
	timeout: 0, 
	pager:  '#nav',
	pagerEvent: 'mouseover',
	prev: '#leftnav',
	next: '#rightnav',
	startingSlide: 0,
	allowPagerClickBubble: 'true',
	
	before:
	function(curr, next, opts) {
		$('#title').html($(this).children('img, iframe').attr('name'));
		$('#caption').html($(this).children('img, iframe').attr('alt'));	
	},

    after: 
	function(curr,next,opts) {

	  	var slidecount = (opts.currSlide + 1);
		$('#slidecount').html(slidecount);
	},

  pagerAnchorBuilder: function(idx, slide) { 
        // return selector string for existing anchor 
        return '#nav li:eq(' + idx + ') a';
    	}
	});
});

//	FUNCTION 2

		$(function() {
			$('#slideshow-wrapper').hover(function(){
				$('#leftnav').animate({left:'0px'},{queue:false,duration:100});
			}, function(){
				$('#leftnav').animate({left:'-40px'},{queue:false,duration:100});
			});
		});
		$(function() {
			$('#slideshow-wrapper').hover(function(){
				$('#rightnav').animate({left:'840px'},{queue:false,duration:100});
			}, function(){
				$('#rightnav').animate({left:'880px'},{queue:false,duration:100});
			});
		});
		
//	FUNCTION 3
		
$(function() {
		
	$("#topnav li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
	
	$("#topnav li").each(function() { //For each list item...
		var linkText = $(this).find("a").html(); //Find the text inside of the a tag
		$(this).find("span").show().html(linkText); //Add the text in the span tag
	}); 
	
	$("#topnav li").hover(function() {	//On hover...
		$(this).find("span").stop().animate({ 
			marginTop: "-50" //Find the span tag and move it up 40 pixels
		}, 150);
	} , function() { //On hover out...
		$(this).find("span").stop().animate({
			marginTop: "0" //Move the span back to its original state (0px)
		}, 150);
	});
});

//	FUNCTION 4

$(document).ready(function(){
    $("#shadow").css("height", $(document).height()).hide();
});

//	FUNCTION 5 

$(function() {
	// Listen for the ready event for any vimeo video players on the page
	var vimeoPlayers = document.querySelectorAll('iframe'),
		player;

	for (var i = 0, length = vimeoPlayers.length; i < length; i++) {
		player = vimeoPlayers[i];
		$f(player).addEvent('ready', ready);
	}
/**
* Called once a vimeo player is loaded and ready to receive
* commands. You can add events and make api calls only after this
* function has been called.
*/
	function ready(player_id) {
		// Keep a reference to Froogaloop for this player
		var froogaloop = $f(player_id);
		
		/* vimeo custom calls */					
froogaloop.addEvent('play', function() {
				$("#captionbox, #captionbox-xenium").fadeOut("medium");
				$('#rightnav').animate({left:'880px'},{queue:false,duration:200});
				$('#leftnav').animate({left:'-40px'},{queue:false,duration:200});
				$('#shadow').fadeTo("medium", 0.75);
			});
froogaloop.addEvent('pause', function() {
				$("#captionbox, #captionbox-xenium").fadeIn("medium");
				$('#rightnav').animate({left:'840px'},{queue:false,duration:200});
				$('#leftnav').animate({left:'0px'},{queue:false,duration:200});
				$('#shadow').fadeOut("medium");		
			});
froogaloop.addEvent('unload', function() {
				$("#captionbox, #captionbox-xenium").fadeIn("medium");
				$('#rightnav').animate({left:'840px'},{queue:false,duration:200});
				$('#leftnav').animate({left:'0px'},{queue:false,duration:200});
				$('#shadow').fadeOut("medium");	
			});	
	}
});

//	FUNCTION 6

$(function() {

$('#Thumb001, #Thumb002, #Thumb003, #Thumb004, #Thumb005, #Thumb006').mouseover(function(){

		if ($('#Thumb001').hasClass('activeSlide')) {
				$('#player_1').removeClass('nothing');
				$('#player_1').addClass('player_1');
		} else {
				$('.player_1').delay(250).queue(function(){ 
				$('.player_1').attr("src", $('.player_1').attr("src"));
				$('#player_1').removeClass('player_1');
				$('#player_1').addClass('nothing');	
				$('.player_1, #player_1').dequeue();
				});
				$("#captionbox").fadeIn("medium");
				}			
				
		if ($('#Thumb001, #Thumb003, #Thumb004, #Thumb005').hasClass('activeSlide')) {
				$("#captionbox").animate({height:'120px'},150);
		} else {
				$("#captionbox").animate({height:'100px'},150);
				}				
});
				
$('#leftnav, #rightnav').click(function(){
	
				$('#shadow').fadeOut("medium");	

		if ($('#Thumb001').hasClass('activeSlide')) {
				$('#player_1').removeClass('nothing');
				$('#player_1').addClass('player_1');
		} else {
				$('.player_1').delay(250).queue(function(){ 
				$('.player_1').attr("src", $('.player_1').attr("src"));
				$('#player_1').removeClass('player_1');
				$('#player_1').addClass('nothing');	
				$('.player_1, #player_1').dequeue();
				});
				$("#captionbox").fadeIn("medium");
				}			
				
		if ($('#Thumb001, #Thumb003, #Thumb004, #Thumb005').hasClass('activeSlide')) {
				$("#captionbox").animate({height:'120px'},150);
		} else {
				$("#captionbox").animate({height:'100px'},150);
				}
	});
});

//	FUNCTION 7

$(function() {

$('#shadow').click(function(){
				$(this).fadeOut("medium");
});	

//	FUNCTION 8

$(function() {	

if (navigator.appVersion.indexOf("Mac")!=-1) {
  if ($.browser.webkit) {
    $('#captionbox, #captionbox-xenium, #desc-xenium, #desc-makingof-xenium, #desc-pagoda, #desc-mansion, #desc-shrine').css({'-moz-box-shadow' : 'inset 0 0 12px #000, inset 0 0 1px rgb(180,180,180)', '-webkit-box-shadow' : 'inset 0 0 12px #000, inset 0 0 1px rgb(180,180,180)', 'box-shadow' : 'inset 0 0 12px #000, inset 0 0 1px rgb(180,180,180)'});
//		alert("You're on a Mac, using Chrome or Safari");
	} else {
//		alert("You're on a Mac, using Firefox");
	}
}
if (navigator.appVersion.indexOf("Win")!=-1) {
	if (navigator.userAgent.indexOf("Safari")!=-1) {
		if (navigator.userAgent.indexOf("Chrome")!=-1) {
			$('#captionbox, #captionbox-xenium, #desc-xenium, #desc-makingof-xenium, #desc-pagoda, #desc-mansion, #desc-shrine').css({'-moz-box-shadow' : 'inset 0 0 12px #000, inset 0 0 1px rgb(180,180,180)', '-webkit-box-shadow' : 'inset 0 0 12px #000, inset 0 0 1px rgb(180,180,180)', 'box-shadow' : 'inset 0 0 12px #000, inset 0 0 2px rgb(180,180,180)'});
			$('body').css({'text-shadow' : '0px 0px 1px #666, 3px 3px 2px rgba(0,0,0,1)'});
//			alert("You're Windows, using Chrome");
		} else {
		$('#captionbox, #captionbox-xenium, #desc-xenium, #desc-makingof-xenium, #desc-pagoda, #desc-mansion, #desc-shrine').css({'-moz-box-shadow' : 'inset 0 0 12px #000, inset 0 0 1px rgb(180,180,180)', '-webkit-box-shadow' : 'inset 0 0 12px #000, inset 0 0 1px rgb(180,180,180)', 'box-shadow' : 'inset 0 0 12px #000, inset 0 0 1px rgb(180,180,180)'});
//		alert("You're on Windows, using Safari");
		}
	}
}
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
	$('#captionbox, #captionbox-xenium, #desc-xenium, #desc-makingof-xenium, #desc-pagoda, #desc-mansion, #desc-shrine').css({'-moz-box-shadow' : 'inset 0 0 12px #000, inset 0 0 1px rgb(180,180,180)', '-webkit-box-shadow' : 'inset 0 0 12px #000, inset 0 0 1px rgb(180,180,180)', 'box-shadow' : 'inset 0 0 12px #000, inset 0 0 1px rgb(180,180,180)'});
//		alert("You're on iOS, using an iPad, iPhone, or iPod");
	}

	});
});