/*  All of the code in this document is copyrighted by Elliott Huff. */

// This is a URL to your main background image
var background = 'images/background.png';

// This is the URL to your theme background which is used for the header,
// sliders, buttons, dropcaps etc etc
var themeBackground = 'images/theme-background.jpg';

jQuery.noConflict();

jQuery(document).ready(function(){

	// Browser detection
	browser = ''; jQuery.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase());
	if (jQuery.browser.msie) { browser = 'IE'; userAgent = jQuery.browser.version; }
	if (jQuery.browser.chrome) { browser = 'chrome'; }
	if (jQuery.browser.opera) { browser = 'opera'; }
	
	// Cufon
	Cufon.replace(':header'); 
	// Here are the cufon gradients.. you can change the colors used or specify a pure color like yellow.. or even a hex like #FFF
	// Cufon.replace('.gradient');  Cufon.replace('.gradient', { color: 'blue' });
	Cufon.replace('.gradient', { color: '-linear-gradient(white, 0.45=white, 0.45=#D3D3D3, #CCC)' }); 
	Cufon.replace('.gradient-dark', { color: '-linear-gradient(#777, 0.45=#666, 0.45=#555, #333)' });
	
	// Load settings
	jQuery('#background').attr('src', background);
	jQuery('#header, .slider-right-image-background, .slider-left-image-background, .slider-left-vimeo-background, .slider-right-vimeo-background,' +
	'.slider-left-youtube-background, .slider-right-youtube-background, #main, .button-theme, .drop-cap-theme').css('background-image', 'url("'+ themeBackground +'")');
	
	// Bind our background changers
	jQuery('.background-change').live('click', function(){  
	
	jQuery('#header, .slider-right-image-background, .slider-left-image-background, .slider-left-vimeo-background, .slider-right-vimeo-background,' +
	'.slider-left-youtube-background, .slider-right-youtube-background, #main, .button-theme, .drop-cap-theme').css('background-image', 'url("images/backgrounds/theme-background-'+ jQuery(this).attr("data-id") +'.jpg")');
	
	});	
	
	// Quick Contact Form
	jQuery('.footer-column .contact-form .button-theme').live('click', function(){
		var name = jQuery('#quick-contact-name').val(); var email = jQuery('#quick-contact-email').val(); var message = jQuery('#quick-contact-message').val();
		jQuery('.footer-column .contact-form input, .footer-column .contact-form textarea').css('border', '1px solid #666'); 
		jQuery.get('lib/scripts/email.php', { name: name, email: email, message: message }, function(data){ 
			if (data == 'name') { jQuery('#quick-contact-result').html('You forgot to enter<br /> a name.'); jQuery('#quick-contact-name').css('border', '1px solid red'); } 
			if (data == 'email') { jQuery('#quick-contact-result').html('You need to enter<br /> a valid email.');  jQuery('#quick-contact-email').css('border', '1px solid red');} 
			if (data == 'message') { jQuery('#quick-contact-result').html('You forgot to leave<br /> a message.');  jQuery('#quick-contact-message').css('border', '1px solid red'); }
			if (data == 'success') { jQuery('#quick-contact-result').html('Message was sent, thank you!');  }
			if (data != 'name' && data != 'email' && data != 'message' && data != 'success') { jQuery('#quick-contact-result').html(data); jQuery('.footer-column .contact-form input, .footer-column .contact-form textarea').css('border', '1px solid red'); }
		});
	});
	
	// Contact Form
	jQuery('#contact-submit').live('click', function(){
		var name = jQuery('#contact-name').val(); var email = jQuery('#contact-email').val(); var message = jQuery('#contact-message').val();
		jQuery.get('lib/scripts/email.php', { name: name, email: email, message: message }, function(data){ 
			if (data == 'name') { jQuery('#contact-result').html('You forgot to enter a name.'); } 
			if (data == 'email') { jQuery('#contact-result').html('You need to enter a valid email.'); } 
			if (data == 'message') { jQuery('#contact-result').html('You forgot to leave a message.'); }
			if (data == 'success') { jQuery('#contact-result').html('Message was sent, thank you!');  }
			if (data != 'name' && data != 'email' && data != 'message' && data != 'success') { jQuery('#contact-result').html(data); jQuery('.one-half .contact-form input, .one-half .contact-form textarea').css('border', '1px solid red'); }
		});
	});
	
	// Toggles 
	jQuery('.toggle .toggle-trigger').addClass('toggle-inactive');
	jQuery('.toggle').each(setToggleWidth);
	function setToggleWidth() { if (jQuery(this).attr('data-width')) { jQuery('.toggle-content', this).css('width', jQuery(this).attr('data-width') + 'px'); } }
	jQuery('.toggle-trigger').live('click', function(){ 
	
		if (jQuery(this).hasClass('toggle-inactive')) { jQuery(this).removeClass('toggle-inactive').addClass('toggle-active'); jQuery(this).next().slideDown('fast'); }
		else { jQuery(this).removeClass('toggle-active').addClass('toggle-inactive'); jQuery(this).next().slideUp('fast'); }
	
	});
	
	// Preset our background for the CGS
	jQuery('.gallery').each(preSetupGalleries);
	function preSetupGalleries()
	{
		g = jQuery(this);
		// Setup gallery dimensions
		var width = g.attr('data-width'); 
		var height = g.attr('data-height');
		g.css({ 'width' : width + 'px', 'height' : height + 'px' });
		g.addClass('cgs-background');
	}
	
	// Tabs
	var tabDefault = '';
	jQuery('.tab').each(positionTabs); function positionTabs() { jQuery(this).css('width', jQuery(this).attr('data-width') + 'px');  }
	jQuery('.tab').children().each(buildTabs);
	function buildTabs()
	{
		if (jQuery(this).attr('data-trigger')) { jQuery(this).addClass('tab-trigger'); if (jQuery(this).attr('data-default')) { tabDefault = jQuery(this).attr('data-trigger'); jQuery(this).addClass('active-tab-trigger'); } 
		else { jQuery(this).addClass('inactive-tab-trigger'); } }
		if (jQuery(this).attr('data-tab')) { jQuery(this).addClass('tab-content'); if (jQuery(this).attr('data-tab') == tabDefault) { jQuery(this).addClass('active-tab'); } else {  jQuery(this).addClass('inactive-tab'); } }
	}
	jQuery('.tab span').live('click', function(){  
	
		jQuery(this).parent().find('span').removeClass('active-tab-trigger').addClass('inactive-tab-trigger');
		jQuery(this).removeClass('inactive-tab-trigger').addClass('active-tab-trigger');
		jQuery(this).parent().find('div[data-tab]').removeClass('active-tab').addClass('inactive-tab');
		jQuery(this).parent().find('div[data-tab*="'+ jQuery(this).attr('data-trigger') +'"]').removeClass('inactive-tab').addClass('active-tab');
	
	});
	
	// Setup Menus
	var linkColor = '#CCC';
	var linkHover = 'white';
	var menuList = [];
	var menu = jQuery('#menu li');
	if (browser == 'chrome') { window.setTimeout(delayedMenus, 200); } else { delayedMenus(); }
	function delayedMenus() { jQuery('.menu-link').each(createSubMenus); }
	function createSubMenus()
	{
		var menus = jQuery(this); var blah = '';
		var left = menus.position().left + (menus.width() / 2);
			menus.addClass('drop-menu'); if (!jQuery('ul', this).length) { blah = 'style = "display: none !important; opacity: 0;  filter: alpha(opacity=0);"'; }
			menus.append('<div '+ blah +' class = "sub-menu-background" style = "left: '+ (left - 90) +'px;"><div class = "menu-right-border"></div>' +
			'<img src = "images/menu-top.png" style = "float: left;" />' +
			'<div class = "sub-menu-slide" style = "left: 0px;"><div class = "sub-menu-real" style = "padding-right: 400px;"></div></div>' +
			'</div>');
			jQuery('> ul:first', this).css('display', 'none').addClass('tree');
			jQuery('.sub-menu li').each(function(){ 
			
				if (jQuery('ul', this).length) 
				{
					jQuery(this).addClass('drop-menu-right');
					var copy = jQuery(this); var next = copy.clone();
					next.find('ul li ul').remove();
					var title = next.find('a:first').html(); next.find('a:first').remove();
					var content = '<div class = "menu-background"></div><div class = "menu-title">'+ title +'</div><div class = "sub-menu-slide">'+ next.html() +'<div class = "menu-back">Back</div></div>';
					next.html(content);
					jQuery(this).attr('data-next', next.html());
				}
			
			});
		
	} 
	
	if (browser != 'IE' && browser != 'opera') {
	// Base Menu BINDINGs, will get overwritten on hover, do not delete
	jQuery('#menu li').hover(function(){ 		
	
		jQuery('a:first', this).css('color', linkHover); var content = "<div class = 'menu-background'></div><ul class = 'sub-menu' style = 'border-top: 1px solid #444; display: block;'>" + jQuery('.tree', this).html() + "</ul>";
		jQuery('.sub-menu-background .sub-menu-real', this).html(content);
		jQuery('.sub-menu-background', this).css('display', 'block'); jQuery('.sub-menu-slide').css('display', 'block');
		menuList.push(content);
		
		}, function(){ 		
		
		jQuery('.sub-menu-background .sub-menu-real .sub-menu', this).css('display', 'none');
		jQuery('a:first', this).css('color', linkColor); jQuery('.sub-menu-background', this).hide(); 
		menuList = [];
		
	}); 
	
	} else {
		
		jQuery('#menu li').bind('mouseenter', function(){
		
			jQuery('.menu-link a:not(.sub-menu a)').css('color', linkColor); 
			jQuery('.sub-menu-background').css('display', 'none');
			jQuery('a:first', this).css('color', linkHover); var content = "<div class = 'menu-background'></div><ul class = 'sub-menu' style = 'border-top: 1px solid #444; display: block;'>" + jQuery('.tree', this).html() + "</ul>";
			jQuery('.sub-menu-background .sub-menu-real', this).html(content);
			jQuery('.sub-menu-background', this).css('display', 'block'); jQuery('.sub-menu-slide').css('display', 'block');
			menuList.push(content); 
		
		}); 		
	}
	// IE Fix to take off menu's by clicking elsewhere..
	if (browser == 'IE' || browser == 'opera') { jQuery('#main, #background, #header-shadow').live('click', function(){ jQuery('.sub-menu-background, .sub-menu-slide').hide(); }); }

	jQuery('.sub-menu li').live('click', function(){ 
		
		if (browser != 'IE' && browser != 'opera') { menu.unbind(); }
		if (jQuery(this).attr('data-next')) { jQuery(this).parents('.sub-menu-real').html(jQuery(this).attr('data-next')); 
		menuList.push(jQuery(this).attr('data-next')); jQuery('.sub-menu-slide').animate({ 'left' : '0px' }, 200); }
		jQuery('#menu li .sub-menu-background .sub-menu-real .sub-menu:first').css('display', 'block');
		menu.find('.sub-menu-real .sub-menu:first', this).css('display', 'block');
		
		if (browser != 'opera' && browser != 'IE') { menu.bind('mouseleave', function() { 
		
		jQuery('.sub-menu-background .sub-menu-real .sub-menu', this).css('display', 'none');
		jQuery('a:first', this).css('color', linkColor); jQuery('.sub-menu-background', this).hide(); menuList = [];
		
		menu.bind('mouseenter', function() { 
		
			var content = "<div class = 'menu-background'></div><ul class = 'sub-menu' style = 'border-top: 1px solid #444; display: block;'>" + jQuery('.tree', this).html() + "</ul>";
			jQuery('.sub-menu-background .sub-menu-real', this).html(content);
			jQuery('a:first', this).css('color', linkHover); jQuery('.sub-menu-background', this).css('display', 'block'); 
			menuList = [];
			menuList.push(content);
		
		});
		
		}); } 
		
	});
	
	jQuery('.menu-back').live('click', function(){
	
		if (browser != 'IE' && browser != 'opera') { menu.unbind(); }
		menuList.pop(); jQuery(this).parents('.sub-menu-real').html(menuList[menuList.length - 1]);
		jQuery('.sub-menu-slide').css('left', '-200px'); jQuery('.sub-menu-slide').animate({ 'left' : '0px' }, 200); 
		menu.find('.sub-menu-real .sub-menu:first', this).css('display', 'block');
		
		if (browser != 'opera' && browser != 'IE') { menu.bind('mouseleave', function() { 
		
		jQuery('.sub-menu-background .sub-menu-real .sub-menu', this).css('display', 'none');
		jQuery('a:first', this).css('color', linkColor); jQuery('.sub-menu-background', this).hide();  menuList = [];
		
		menu.bind('mouseenter', function() { 
		
			var content = "<div class = 'menu-background'></div><ul class = 'sub-menu' style = 'border-top: 1px solid #444; display: block;'>" + jQuery('.tree', this).html() + "</ul>";
			jQuery('.sub-menu-background .sub-menu-real', this).html(content);
			jQuery('a:first', this).css('color', linkHover); jQuery('.sub-menu-background', this).css('display', 'block'); 
			menuList = [];
			menuList.push(content);
		
		});
		
		}); } 
	
	});	

});

jQuery(window).load(function() {
	
	// Setup Main Slider
	var slides = []; var count = 0; var slideInterval = 6; var timer = slideInterval; var tempSlide;
	var canCount = true; var currentSlide = 0; var maxSlide = 0; var slides = jQuery('.slider-image');
	jQuery('#main-slider').css('background', '#000');
	jQuery('#main-slider-thumbs .thumbnail').css('background', '#000');
	if (jQuery('#main-slider').length) { 
		jQuery('#main-slider div:not(#main-slider div div)').each(setupFrames);
		jQuery('#main-slider, .thumbnail').live('mouseenter', function(){ canCount = false; });
		jQuery('#main-slider, .thumbnail').live('mouseleave', function(){ canCount = true; });
		jQuery('.thumbnail').live('click', thumbClicked);
		jQuery('.video').live('click', function(){ alert('woot'); });
		window.setInterval(doSlides, 1000);
		jQuery('#main-slider div[data-slide*="0"]').fadeIn('normal');
		tempSlide = jQuery('#main-slider div[data-slide*="0"]');
	}
	function setupFrames()
	{
		if (jQuery(this).hasClass('slider-image')) { jQuery(this).prepend('<div class = "slider-image-border-top"></div><div class = "slider-image-border-bottom"></div><div class = "slider-image-border-left"></div><div class = "slider-image-border-right"></div>'); }
		if (jQuery(this).hasClass('slider-right-image')) { jQuery(this).prepend('<div class = "slider-right-image-border-top"></div><div class = "slider-right-image-border-bottom"></div><div class = "slider-right-image-border-left"></div><div class = "slider-right-image-border-right"></div>'); }
		if (jQuery(this).hasClass('slider-left-image')) { jQuery(this).prepend('<div class = "slider-left-image-border-top"></div><div class = "slider-left-image-border-bottom"></div><div class = "slider-left-image-border-left"></div><div class = "slider-left-image-border-right"></div>'); }
		slides[count] = jQuery(this).html();
		count++;
		maxSlide++;
	}
	function doSlides()
	{
		if (canCount) { timer--;
		if (timer == 0) { timer = slideInterval; 
				currentSlide++; if (currentSlide == maxSlide) { currentSlide = 0; }
				if (browser != 'IE') { tempSlide.fadeOut('normal'); jQuery('#main-slider div[data-slide*="'+ currentSlide +'"]').fadeIn('normal'); }
				else { tempSlide.hide(); jQuery('#main-slider div[data-slide*="'+ currentSlide +'"]').show(); }
				tempSlide = jQuery('#main-slider div[data-slide*="'+ currentSlide +'"]'); Cufon.refresh();
			}
		}
	}
	function thumbClicked()
	{
		if (currentSlide != jQuery(this).attr('data-thumb')) { timer = slideInterval; currentSlide = jQuery(this).attr('data-thumb');
		if (browser == 'IE') { tempSlide.hide(); jQuery('#main-slider div[data-slide*="'+ currentSlide +'"]').show(); } else {  tempSlide.fadeOut('normal'); jQuery('#main-slider div[data-slide*="'+ currentSlide +'"]').fadeIn('normal'); }
		if (currentSlide == maxSlide) { currentSlide = 0; }
		tempSlide = jQuery('#main-slider div[data-slide*="'+ currentSlide +'"]'); Cufon.refresh(); }
	}

	// Setup Nivo Slider
	if (jQuery('.nivo-slider').length) {
	jQuery('.nivo-slider').nivoSlider({
		effect:'random', //Specify sets like: 'fold,fade,sliceDown'
		slices:15,
		animSpeed:500, //Slide transition speed
		pauseTime: 6000,
		startSlide:0, //Set starting Slide (0 index)
		directionNav:false, //Next & Prev
		directionNavHide:false, //Only show on hover
		controlNav:true, //1,2,3...
		controlNavThumbs:true, //Use thumbnails for Control Nav
		controlNavThumbsFromRel:true, //Use image rel for thumbs
		controlNavThumbsSearch: '.jpg', //Replace this with...
		controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
		keyboardNav:true, //Use left & right arrows
		pauseOnHover:true, //Stop animation while hovering
		manualAdvance:false, //Force manual transitions
		captionOpacity:0.8, //Universal caption opacity
		beforeChange: function(){},
		afterChange: function(){},
		slideshowEnd: function(){} //Triggers after all slides have been shown
	}); }
	
	// Setup Accordian Slider
	if (jQuery('#accordian-slider').length) { slideMenu.build('load-me',600,10,3) }
	
	// Tooltips
	jQuery('.tooltip-trigger').each(positionTooltips);
	function positionTooltips()
	{
		var left = jQuery(this).position().left; var top = jQuery(this).position().top; var bottom = '';
		var triggerwidth = jQuery(this).outerWidth(true); var tooltipwidth = jQuery(this).next().attr('data-width'); var height = jQuery(this).outerHeight(true); var toolheight = jQuery(this).next().outerHeight(true);
		var offset = (tooltipwidth - triggerwidth) / 2; 
		if (jQuery(this).next().attr('data-position')) 
		{ 
			if (jQuery(this).next().attr('data-position') == 'top') 
			{ 
				bottom = height - 20;
				jQuery(this).next().css({ 'left' : offset * -1, 'bottom' : bottom, 'width' : tooltipwidth + 'px' }).append('<div class = "large-spacer"><img src = "images/tooltip-top.png" style = "position: absolute; left: '+ ((tooltipwidth / 2) - 12) +'px; bottom: 10px;" /></div>');
			} 
			else if (jQuery(this).next().attr('data-position') == 'bottom')
			{ 
				top = height; if (jQuery(this).hasClass('reflect')) { top -= 30; }
				jQuery(this).next().css({ 'left' : offset * -1, 'top' : top - 10, 'width' : tooltipwidth + 'px' }).prepend('<div class = "large-spacer"><img src = "images/tooltip-bottom.png" style = "z-index: 201; position: absolute; left: '+ ((tooltipwidth / 2) - 12) +'px; top: 10px;" /></div>');
			}
			else if (jQuery(this).next().attr('data-position') == 'right')
			{
				top = (height / 2) - ((toolheight - 20) / 2);
				jQuery(this).next().css({ 'left' : triggerwidth + 20, 'top' : top, 'width' : tooltipwidth + 'px' }).prepend('<div style = "position: absolute; left: -20px; width: 20px; height: 100%;"><img src = "images/tooltip-left.png" style = "z-index: 201; position: absolute; left: 10px; top: '+ ((toolheight / 2) - 20) +'px;" /></div>');
			}
			else if (jQuery(this).next().attr('data-position') == 'left')
			{
				top = (height / 2) - ((toolheight - 20) / 2); left1 = triggerwidth * -1; left2 = tooltipwidth * -1;
				jQuery(this).next().css({ 'left' : left2 - 15, 'top' : top, 'width' : tooltipwidth + 'px' }).prepend('<div style = "position: absolute; right: -20px; width: 20px; height: 100%;"><img src = "images/tooltip-right.png" style = "z-index: 199; position: absolute; left: -1px; top: '+ ((toolheight / 2) - 20) +'px;" /></div>');
			}
		}
		
	}
	jQuery('.tooltip').bind('mouseenter', function() { jQuery('.tooltip-content', this).css('display', 'inline-block'); });
	jQuery('.tooltip').bind('mouseleave', function() { jQuery('.tooltip-content', this).css('display', 'none'); });
	
	// Transparent Borders
	jQuery('.transparent-border').each(addBorders);
	function addBorders()
	{
		var img = jQuery(this);
		var color = img.attr('data-color') || 'black', // This is the default color
		thickness = img.attr('data-thickness') || 10, // This is the default thickness
		opacity = img.attr('data-opacity') || 0.3; // This is the default opacity
		
		// Here is a webkit hack to get correct dimensions
		jQuery('img', this).removeAttr("width").removeAttr("height");
		var width = jQuery('img', this).width(); 
		var height = jQuery('img', this).height();
		img.css('width', width); 
		img.css('height', height);
		
		// And here we are inserting our borders and changing the dimensions as we go
		img.append('<div class = "transparent-image-border-top" style = "background-color: '+ color +'; width: ' + (width - (thickness * 2)) + 'px; left: ' + thickness + 'px; height: ' + thickness+ 'px;"></div>');
		img.append('<div class = "transparent-image-border-bottom" style = "background-color: '+ color +'; width: ' + (width - (thickness * 2)) + 'px; left: ' + thickness + 'px; height: ' + thickness+ 'px;"></div>');
		img.append('<div class = "transparent-image-border-left" style = "background-color: '+ color +'; height: ' + height + 'px; width: ' + thickness + 'px;"></div>');
		img.append('<div class = "transparent-image-border-right" style = "background-color: '+ color +'; height: ' + height + 'px; width: ' + thickness + 'px;"></div>');
		jQuery('.transparent-image-border-top', this).css('opacity', opacity); jQuery('.transparent-image-border-bottom', this).css('opacity', opacity);
		jQuery('.transparent-image-border-left', this).css('opacity', opacity); jQuery('.transparent-image-border-right', this).css('opacity', opacity);
	}
	
	// Captions
	jQuery('.caption').each(getCaptionWidth);
	function getCaptionWidth()
	{ var width = (jQuery('img', this).width() + 2); jQuery(this).css('width', width); }
	
	// Custom Gallery
	var imageCounter = 0;
	jQuery('.gallery').each(setupGalleries);
	function setupGalleries()
	{
		g = jQuery(this);
		// Setup gallery dimensions
		var width = g.attr('data-width'); 
		var height = g.attr('data-height');
		g.css({ 'width' : width + 'px', 'height' : height + 'px' });
		g.removeClass('cgs-background');
		
		// If there is an interval then set the starting timer
		if (g.attr('data-interval') != undefined) { g.attr('data-timer', g.attr('data-interval')); }
		
		// Set the starting slide to 1
		g.attr('data-current', 1);
		
		// Setup the classes
		jQuery('img:not(.drop-shadow-img, .gallery-thumb-holder img)', this).addClass('gallery-image-inactive');
		jQuery('img:first', this).addClass('gallery-image-active').removeClass('gallery-image-inactive');
		imageCounter = 0; g.append('<div class = "gallery-thumb-holder"><div class = "background custom-gallery-background"></div></div>'); jQuery('img:not(.drop-shadow-img)', this).each(formatImages);
		
		// Bind our mouseenter and mouseleave events
		if (jQuery(this).attr('data-interval') != undefined) { jQuery(this).attr('data-canslide', 'yes'); }
		jQuery(this).bind('mouseenter', function(){ jQuery(this).attr('data-canslide', 'no'); jQuery('.gallery-thumb-holder', this).css('display', 'block'); });
		jQuery(this).bind('mouseleave', function(){ jQuery(this).attr('data-canslide', 'yes'); jQuery('.gallery-thumb-holder', this).css('display', 'none'); });
	}
	window.setTimeout(customGallerySlides, 1000);
	function customGallerySlides()
	{ window.setTimeout(customGallerySlides, 1000); jQuery('.gallery').each(customSlides); }
	function customSlides()
	{
		if (jQuery(this).attr('data-canslide') == 'yes') {
			if (jQuery(this).attr('data-interval') != undefined) {
				interval = jQuery(this).attr('data-interval');
				timer = jQuery(this).attr('data-timer');
				currentSlide = jQuery(this).attr('data-current');
				timer -= 1000;
				if (timer <= 0) {
					currentSlide++;
					jQuery(this).attr('data-timer', jQuery(this).attr('data-interval'));
					if (currentSlide > jQuery(this).attr('data-maximage')) { currentSlide = 1; }
					jQuery(this).attr('data-current', currentSlide);
					
							// Start transitions
							if (jQuery(this).attr('data-transition') == 'fade') {
							
								jQuery('img:not(.drop-shadow-img, .gallery-thumb-holder img)', this).removeClass('gallery-image-active').addClass('gallery-image-inactive').css('display', 'none');
								jQuery('img[data-id='+ currentSlide +']', this).removeClass('gallery-image-inactive').fadeIn();
							
							}
							else if (jQuery(this).attr('data-transition') == 'slide')
							{
							
							}
							else {
							
								jQuery('img:not(.drop-shadow-img, .gallery-thumb-holder img)', this).removeClass('gallery-image-active').addClass('gallery-image-inactive');
								jQuery('img[data-id='+ currentSlide +']', this).addClass('gallery-image-active').removeClass('gallery-image-inactive');
							
							}
				}
				else
				{
					jQuery(this).attr('data-timer', timer);
				}
			}
		}
	}
	jQuery('.gallery-thumb-holder img').live('click', function(){  
		currentSlide = jQuery(this).attr('data-thumb');
		jQuery(this).parents('.gallery').attr('data-current', currentSlide);
		var g = jQuery(this).parents('.gallery');

			if (g.attr('data-transition') == 'fade') {
			
				g.find('img:not(.drop-shadow-img, .gallery-thumb-holder img)').removeClass('gallery-image-active').addClass('gallery-image-inactive').css('display', 'none');
				g.find('img[data-id='+ currentSlide +']').removeClass('gallery-image-inactive').fadeIn();
			
			}
			else if (g.attr('data-transition') == 'slide')
			{
			
			}
			else {
			
				g.find('img:not(.drop-shadow-img, .gallery-thumb-holder img)').removeClass('gallery-image-active').addClass('gallery-image-inactive');
				g.find('img[data-id='+ currentSlide +']').addClass('gallery-image-active').removeClass('gallery-image-inactive');
			
			}
	});
	function formatImages()
	{
		imageCounter++;

		var thumb = jQuery(this).clone();
		thumb.addClass('gallery-custom-thumb').removeClass('gallery-image-inactive gallery-image-active');
		var width = jQuery(this).parent().attr('data-width');
		var height = jQuery(this).parent().attr('data-height');
		thumb.attr('data-thumb', imageCounter);
		thumb.css('width', (width * .15) + 'px');
		thumb.css('height', (height * .15) + 'px');
		jQuery(this).parent().find('.gallery-thumb-holder').append(thumb);
		
		jQuery(this).parent().attr('data-maximage', imageCounter);
		jQuery(this).attr('data-id', imageCounter);
	}
	
	// Drop Shadows
	jQuery('.drop-shadow').each(insertDropShadow);
	function insertDropShadow()
	{
		jQuery(this).append('<img class = "drop-shadow-img" style = "width: '+ (jQuery('img', this).width() + 25) +'px;" src = "images/drop-shadow.png" />');
	}
		
});