/*
==================== SITEWIDE BANNER =======================
*/
jQuery(document).ready(function(){
	if (jQuery('.sitewide-banner').length != 0) {
		jQuery('.sitewide-banner').cycle();
	}
});


/*
==================== FANCYBOX =======================
*/
jQuery(document).ready(function(){
	
	if (jQuery('a[rel=gallery]').length != 0) {
		jQuery("a[rel=gallery]").fancybox({
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
			'autoScale'			: 'true'
		});
	}
	
	if (jQuery('a[rel=gallery-2]').length != 0) {
		jQuery("a[rel=gallery-2]").fancybox({
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
			'autoScale'			: 'true',
			'titleShow'			: false
		});
	}
	
	
		jQuery(".entry p a").has('img').fancybox({
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
			'autoScale'			: 'true'
		});
		
		jQuery(".col-page-right p a").has('img').fancybox({
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
			'autoScale'			: 'true'
		});
	
});


/*
==================== HEADER SCROLLERS =======================
*/

jQuery(document).ready(function(){
	
	if (jQuery('#scroll_1').length != 0) {
		// enable circular scrollables with a click handler
		jQuery("#scroll_1").scrollable({ circular: true }).autoscroll({interval: 8000, autopause: false});
		
		setTimeout("number_two()", 1000);
		setTimeout("number_three()", 2000);
		setTimeout("number_four()", 3000);
		
		get_position("#scroll_1", '#tip1');
		get_position("#scroll_2", '#tip2');
		get_position("#scroll_3", '#tip3');
		get_position("#scroll_4", '#tip4');
		
		jQuery(window).resize(function() {
  			get_position("#scroll_1", '#tip1');
			get_position("#scroll_2", '#tip2');
			get_position("#scroll_3", '#tip3');
			get_position("#scroll_4", '#tip4');
		});

	}
	
	
});

function get_position(el,tip)
{
	var pos = jQuery(el).offset();  
  	var width = jQuery(el).outerWidth();
  	var height = jQuery(el).outerHeight();
  	
  	var t_height = jQuery(tip).outerHeight();
  	
  	var initial_pos = (height + pos.top) - t_height;
  	
  	//show the menu directly over the placeholder
  	jQuery(tip).css( { "left": (pos.left) + "px", "top":initial_pos + "px" } );
  	jQuery(tip).show();
  	nav_slider(tip,el);
}

function nav_slider(tip,el)
{
	jQuery(tip).hover(
	function(){
		var p_height = jQuery(el).outerHeight();
		var t_height = jQuery(tip).outerHeight();
		var v = p_height - t_height;
		
		jQuery(this).stop(true).animate({height: '+='+v, marginTop: '-='+v}, 500, 'linear');
	},
	function(){
		var p_height = jQuery(el).outerHeight();
		var t_height = jQuery(tip).outerHeight();
		var v = t_height - 31;
		
		jQuery(this).stop(true).animate({height: '-='+v, marginTop: '+='+v}, 500, 'linear');
	});
}

function number_two()
{
		jQuery("#scroll_2").scrollable({ circular: true }).autoscroll({interval: 8000, autopause: false});
}
function number_three()
{
		jQuery("#scroll_3").scrollable({ circular: true }).autoscroll({interval: 8000, autopause: false});
}
function number_four()
{
		jQuery("#scroll_4").scrollable({ circular: true }).autoscroll({interval: 8000, autopause: false});
}


/*
==================== PROJECT DETAIL SCROLLERS =======================
*/
jQuery(document).ready(function(){
	
	if (jQuery('#projects').length != 0) {
		jQuery("#projects").scrollable({size: 1,loop: true,clickable: false, circular: true}).navigator({
			indexed: true
		});
		
		var f = jQuery("#projects .items:first-child");
		get_position_proj(f, "#project-info");
		
		jQuery(window).resize(function() {
  			get_position_proj(f, "#project-info");
		});
		
	    jQuery('#projects .item a').fancybox({
			'transitionIn'		: 'none',
			'transitionOut'		: 'none'
		});
	}
  
});

function get_position_proj(el,tip)
{
	var pos = jQuery(el).offset();  
  	var width = jQuery(el).outerWidth();
  	var height = jQuery(el).outerHeight();
  	
  	var t_height = jQuery(el).outerHeight();
  	
  	var initial_pos = pos.top;
  	
  	var test = jQuery(el).attr('id');
  	//show the menu directly over the placeholder
  	jQuery(tip).css( { "left": (pos.left +263) + "px", "top":initial_pos + "px" } );
  	jQuery(tip).show();
}

/*
==================== PROJECT HOME SCROLLERS =======================
*/
jQuery(document).ready(function(){
	
	if (jQuery('#projects-ps').length != 0) {
		jQuery("#projects-ps").scrollable({size: 1,loop: true,clickable: false, circular: true}).navigator({
			indexed: true
		});
		
		jQuery(".item").each(function()
		{
			var t = jQuery(".tips",this).attr('id');
			get_position_ps(this, t);
			
			jQuery(window).resize(function() {
  				get_position_ps(this, t);
			});
			
		});
		nav_slider_ps();
	 }
});

function get_position_ps(el,tip)
{
	var pos = jQuery(el).offset();  
  	var width = jQuery(el).outerWidth();
  	var height = jQuery(el).outerHeight();
  	
  	var t_height = jQuery(".tips", el).outerHeight();
  	
  	var initial_pos = (height) - t_height;
  	
  	var test = jQuery(el).attr('id');
  	//show the menu directly over the placeholder
  	jQuery(".tips",el).css( {"top": "-"+t_height + "px" } );
  	jQuery(".tips",el).show();
}

function nav_slider_ps()
{
	jQuery(".tips").hover(
	function(){
		var p_height = jQuery(this).parent().outerHeight();
		var t_height = jQuery(this).outerHeight();
		var v = p_height - t_height - t_height;
		
		jQuery(this).stop(true).animate({height: '+='+v, marginTop: '-='+v}, 500, 'linear');
	},
	function(){
		var p_height = jQuery(this).parent().outerHeight();
		var t_height = jQuery(this).outerHeight();
		
		var v = t_height - 36;
		jQuery(this).stop(true).animate({height: '-='+v, marginTop: '+='+v}, 500, 'linear');
	});
}


/*
==================== GALLERY SCROLLERS =======================
*/
jQuery(document).ready(function(){
	
	if (jQuery('#gallery').length != 0) {
		jQuery("#gallery").scrollable({size: 1,loop: true,clickable: false, circular: true}).navigator({
			indexed: true
		});
	}

jQuery("#gallery .scrollable .items .item img").click(function() {
		if (jQuery(this).hasClass("active")) { return; }
		var wrap = jQuery("#gallery_wrap")
		var elem = jQuery(this);
		var wrap = jQuery("#gallery_wrap").fadeTo("fast", 0, function() {
		  	var url = elem.attr("alt");
			var img = new Image();
			img.onload = function() {
				wrap.find("img").attr("src", url);
				wrap.fadeTo("fast", 1);
			};
			img.src = url;
			jQuery("#gallery .scrollable .items .item img").removeClass("active");
			elem.addClass("active");
		});
	}).filter(":first").click();
});

/*
==================== PROCESS SCROLLER =======================
*/
jQuery(document).ready(function(){
	jQuery("#processpanes").scrollable({ circular: true, mousewheel: true }).navigator({
		navi: "#processtabs",
		naviItem: 'a',
		activeClass: 'current',
		history: true
	});
});