/*----------SLIDE SHOW HOME-------*/
jQuery('#slideshowContent').cycle({
	fx: 'fade',
	speed: 'fast',
	timeout: 3000,
	pause: 1,
    cleartype: !$.support.opacity,
    cleartypeNoBg: true,
	next: '#slideshowRight',
	prev: '#slideshowLeft'
});

/*----------GTIP MENU PROJECTS-------*/
jQuery(window).load(function() {
jQuery('#navigation #navigationProjects a').each(function() {
		jQuery(this).qtip({
			show: {
				delay: 0,
				solo: true,
				effect: {
					type: 'fade',
					length: 0
				}
			},
			hide: {
				delay: 200,
				fixed: true
			},
			position: {
				target: $('#header'),
				corner: {
					target: 'bottomMiddle',
					tooltip: 'topMiddle'
				}
			},
			style: {
				name: 'dark',
				background: false,
				border: false,
				
				width: {
					max: 'auto'
				},
				
				classes: {
					tooltip: 'projects-dropdown'
				}
			},
			content: {
				text: jQuery(jQuery(this).attr('href')),
				title: false
			}
			
		});
	});
 });
jQuery(window).load(function() {

	jQuery('a, .hoverable').each(function(index, item)
	{
		jQuery(item).mouseenter(function(event)
		{
			jQuery(this).addClass('hover');
		});
		
		jQuery(item).mouseleave(function(event)
		{
			jQuery(this).removeClass('hover');
		});
	});

	jQuery('input[type=text]').each(function(index, item)
	{
		jQuery(item).fieldhint();
	});
	
	
	jQuery('.featureBox').mouseover(function(e)
	{
		jQuery('.featureBoxImage', this).stop().animate({ height: '60px' }, 'easeOutCubic');
	});
	
	jQuery('.featureBox').mouseout(function(e)
	{
		jQuery('.featureBoxImage', this).stop().animate({ height: '170px' }, 'easeOutCubic');
	});
	
	
	jQuery('.collapsable .collapsable-vis').click(function()
	{
		if(!jQuery(this).hasClass('active'))
		{
			jQuery('.collapsable-vis').removeClass('active');
			
			jQuery(this).parent().parent().find('.collapsable-invis').slideUp();
			jQuery(this).parent().find('.collapsable-invis').stop().slideDown();
			
			jQuery('.collapsable-content').fadeOut(200);
			jQuery(jQuery(this).attr('href')).stop().delay(200).fadeIn();
			jQuery(this).addClass('active');
		}
		
		return false;
	});

	jQuery('.featureProjectImageListItem').click(function()
	{
		if(!jQuery(this).hasClass('active'))
		{
			jQuery('.featureProjectImageListItem').removeClass('active');
			
			jQuery('#featureProjectImage li').fadeOut(200);
			
			jQuery(jQuery(this).attr('href')).stop().delay(200).fadeIn();
			jQuery(this).addClass('active');
		}
		
		return false;
	});

	jQuery("a[rel^='prettyPhoto']").each(function() {
		var self = jQuery(this);
		var id = self.attr('href');
		
		self.prettyPhoto({
			allow_resize: false,
			show_title: false,
			default_width: '960px',
			default_height: '600px',
			theme: 'light_square',
			hide_flash: true,
			allow_resize: false,
			modal: true,
			keyboard_shortcuts: false,
			changepicturecallback: function() {
				
				jQuery('.pp_content_container .feature-project-image-list').cycle({
					fx: 'fade',
					speed: 'slow',
					timeout: 0,
					activePagerClass: 'active',
					pager: '.pp_content_container .feature-project-thumbnail-list',
					pagerAnchorBuilder: function(index, slide) {
						return '.pp_content_container .feature-project-thumbnail-item:eq('+index+')';
					}
				});
				
				jQuery('.pp_content_container .close').click(function() {
					$.prettyPhoto.close();
				});
				
			},
			markup: '' + 
			'<div class="pp_pic_holder"> \
				<div class="pp_content_container"> \
					<div class="pp_content"> \
						<div class="pp_loaderIcon"></div> \
						<div class="pp_fade"> \
							<div id="pp_full_res"></div> \
							<div class="pp_details clearfix"></div> \
						</div> \
					</div> \
				</div> \
			</div> \
			<div class="pp_overlay"></div>'
		});
	});

	
});

jQuery(window).load(function() {
	
	jQuery('.collapsable .collapsable-invis').hide();
	jQuery('.collapsable .collapsable-invis:eq(0)').show();
	jQuery('.collapsable-content').hide();
	jQuery('.collapsable-content:eq(0)').show();

	jQuery('#featureProjectImage li').hide();
	jQuery('#featureProjectImage li:eq(0)').show();

	if(videoFileLocation && flashFileLocation)
	{
		var flashvars = {
			file: videoFileLocation,
			autostart: 'true'
		};
		
		var params = {
			allowfullscreen: 'true',
			allowscriptaccess: 'always'
		};
		
		var attributes = {
			id: 'player1',
			name: 'player1'
		};
		
		swfobject.embedSWF(flashFileLocation, 'projectImage1', '460', '243', '9.0.115', 'false', flashvars, params, attributes);
	}
	
});

jQuery(window).load(function() {
	jQuery('.featureBox').mouseover(function(e)
	{
		jQuery('.featureBoxImage', this).stop().animate({ height: '60px' }, 'easeOutCubic');
	});
	
	jQuery('.featureBox').mouseout(function(e)
	{
		jQuery('.featureBoxImage', this).stop().animate({ height: '170px' }, 'easeOutCubic');
	});
});
