$(document).ready(function() {
		
	$('#mainSection ul.imageGallery li:nth-child(8n)').css('margin-right', '0px');
	$('#mainSection ul.imageGallery li span, #mainSection article div.hiddenContent').css('display', 'none');
	$('aside.videoDescription footer ul li:first, aside.videoDescription footer ul li:last').css('cursor', 'pointer');
	
	var height = $(document).height();
	
	$('#popupBG').css('height', height);
	
});

$('#mainSection article a.readmore').click(function() {
	$('#mainSection article div.hiddenContent').slideDown('slow');
	$(this).html('');
	$(this).removeClass('readmore');
});

$('#contactUs').bind('hover', function() {
	$(this).toggleClass('active');
});
 
$('#contactUs').click(function() {
	$('#popupBG').css ({
		opacity: '0',
		display: 'block'
	});
	$('#popup').fadeIn('slow');
	$('#popupBG').animate({
		opacity: '.8'
	}, 'slow');
});
 
$('#popup div.closeBtn a, #popup a.closePopup').click(function() {
	$('#popup, #popupBG').fadeOut('slow');
});

$('#mainSection ul.imageGallery li').hover(function() {
	$(this).find('span').slideDown('fast');
}, function() { 
	$(this).find('span').slideUp('fast');
});

$('#mainSection ul.imageGallery li').click(function() {
	var index = $(this).index();
	$(document).setVideo(index, 'videoDB');
});

$('aside.videoDescription footer ul').find('li.prev').click(function() {
	var value = $('aside.videoDescription footer ul li:eq(1)').text();
	value = parseInt(value.substring(0, value.length	- 6)) - 2;
	if(value > -1) {
		$(document).setVideo(value, 'videoDB');
	}
});

$('aside.videoDescription footer ul').find('li.next').click(function() {
	var value = $('aside.videoDescription footer ul li:eq(1)').text();
	value = parseInt(value.substring(0, value.length	- 6));
	if(value < 16) {
		$(document).setVideo(value, 'videoDB');
	}
});

 
(function($){
	
	$.fn.setVideo = function(index, DB) {
		Video.information(index, DB);
	};
	
	$.fn.getVideo = function(preview, video) { 		
		Video.getVideo(this, video);
	};
	
	var Video = {

		information : function(index, DB) {
			
			$.ajax({
				type: "GET",
				url: DB + ".xml",
				dataType: "xml",
				success: function(xml) {
					var id = index + 1;
					var client = $(xml).find('video').eq(index).find('information').find('client').text();					
					var preview = $(xml).find('video').eq(index).find('images').find('preview').text();
					var video = $(xml).find('video').eq(index).attr('url');
					var director =  $(xml).find('video').eq(index).find('information').find('director').text();
					var title =  $(xml).find('video').eq(index).attr('title');
					var campaign =  $(xml).find('video').eq(index).find('information').find('campaign').text();
										
					Video.getVideo('#videoWrapper', video);
					
					$('aside.videoDescription header h1').find('span').html(client);
					$('aside.videoDescription > ul').find('li:eq(0)').html('<strong>Title:</strong><p class="title">'+title+'</p>');
					$('aside.videoDescription > ul').find('li:eq(1)').html('<strong>Campaign:</strong><p class="camp">'+campaign+'</p>');
					$('aside.videoDescription > ul').find('li:eq(2)').html('<strong>Director:</strong><p class="dir">'+director+'</p>');
										
					if($('aside.videoDescription > ul > li:last').text() === 'Editorial Producer') {
						$('aside.videoDescription > ul > li:last').remove();
					}
					
					if(client === 'Pepsi') {
						$('aside.videoDescription > ul').append('<li>Editorial Producer</li>');
					}					
					
					$('aside.videoDescription footer ul').find('li:eq(1)').html(id + ' of 16');
					
				}				
			});			
		},
		
		getVideo : function(videoWrapper, video) {			
				
			$(videoWrapper).html('\
			<object width="640" height="496" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">\
				<param name="videos/' + video +'.mov" value="videos/' + video +'.mov">\
				<param name="autoplay" value="false">\
				<param name="controller" value="true">\
				<embed src="videos/' + video +'.mov" width="640" height="496" autoplay="flase" controller="true" pluginspage="http://www.apple.com/quicktime/download/"></embed>\
			</object>\
			');							
		}		
	}
	
	
})(jQuery);