hl = {

	main_selector : null,
	tray_open : 0,
	curr_image : null,
	
	Supercuts : '34641416,34644130:2',
	Pepsico : '34644717:1',
	QLife : '34641642,34641688:2',
	Kmart: '34641045:1',
	QuakerChewy: '34642697:1',
	
	init : function(){
		hl.main_selector = $('.main_selector');
		hl.video_selector = $('.video_selector');
		hl.main_selector.click(function(e){ e.preventDefault(); hl.select_portfolio($(this)); });
		hl.video_selector.click(function(e){ e.preventDefault(); hl.select_videos($(this)); });
		
		$('.first_image').click(function(e){ e.preventDefault(); hl.first_click($(this)); });
		
	},
	
	select_portfolio : function(me){
		var folder = me.attr('rel');
		var index = me.attr('href');
		$.ajax({
			url: '/bin/php/images.php',
			type: 'POST', 
			data: 'folder='+folder+'&index='+index,
			success: function(data){
				if(hl.tray_open === 1){
					$("html:not(:animated), body:not(:animated)").animate({ scrollTop: '0px'}, 1200);
					$('#viewer').slideUp(600, function(){
						$('#viewer').empty();
						hl.tray_open = 0;
						$('#viewer').append(data);
						hl.curr_image = index;
						$(hl.curr_image+'_link').addClass('selected');
						$(index).addClass('display');
						$('#viewer').slideDown(600, function(){
							hl.tray_open = 1;
						});
					});
				}else{
					$('#viewer').append(data);
					$("body").delegate(".sub_selector", "click", function(e){ e.preventDefault(); hl.select_piece($(this)); });
					hl.curr_image = index;	
					$(hl.curr_image+'_link').addClass('selected');				
					$(index).addClass('display');
					$('#viewer').slideDown(600, function(){
						hl.tray_open = 1;
					});
				}
				if($('#viewer').hasClass('video_links')){ $('#viewer').removeClass('video_links'); }
			}
		});
	},
	
	select_piece : function(me){
		next_image = me.attr('href');
		if(hl.curr_image != next_image){
			$(hl.curr_image+'_link').removeClass('selected');
			$(next_image+'_link').addClass('selected');
			$(next_image).addClass('ondeck');
			$('.display').animate({ opacity: '0'}, 1200, function(){
				$(hl.curr_image).removeClass('display').css('opacity', '1');
				$(next_image).addClass('display').removeClass('ondeck');
				hl.curr_image = next_image;
			});
		}
	},
	
	select_videos: function(me){
		var video = me.attr('href');
		var section = me.attr('rel');
		var id = me.attr('id');
		var the_uri = 'info='+hl[section]+'&selected='+id;
		$.ajax({
			url: '/bin/php/video.php',
			type: 'POST', 
			data: the_uri,
			success: function(data){
				if(hl.tray_open === 1){
					$("html:not(:animated), body:not(:animated)").animate({ scrollTop: '0px'}, 1200);
					$('#viewer').slideUp(600, function(){
						$('#viewer').empty();
						hl.tray_open = 0;
						$('#viewer').append(data);
						$('#viewer').addClass('video_links');
						$("body").delegate(".sub_video_selector", "click", function(e){ e.preventDefault(); hl.select_video($(this)); });
						$('#viewer').slideDown(600, function(){
							hl.tray_open = 1;
						});
					});
				}else{
					$('#viewer').append(data);
					$('#viewer').addClass('video_links');
					$("body").delegate(".sub_video_selector", "click", function(e){ e.preventDefault(); hl.select_video($(this)); });
					$('#viewer').slideDown(600, function(){
						hl.tray_open = 1;
					});
				}
			}
		});
	},
	
	select_video: function(me){
		if(!me.hasClass('selected')){
			var clicked_id = me.attr('id');
			var curr_id = $('.selected').attr('id');
			$('#'+curr_id).removeClass('selected');
			$('#'+clicked_id).addClass('selected');
			
			
			
			var _id = me.attr
			var video_id = me.attr('href');
			var vimeo_url = 'http://player.vimeo.com/video/'+video_id+'?title=0&byline=0&portrait=0';
			$('iframe').attr('src', vimeo_url);
			
		}
	},
	
	first_click : function(me){
		var anchor = me.parent().children('div').children('a:first');
		anchor.trigger('click');
	}
}
$('document').ready(function(){ hl.init(); });
