(function(jQuery) {
	jQuery.fn.customFadeIn = function(speed, callback) {
		jQuery(this).fadeIn(speed, function() {
			if(jQuery.browser.msie)
				jQuery(this).get(0).style.removeAttribute('filter');
			if(callback != undefined)
				callback();
		});
	};
	jQuery.fn.customFadeOut = function(speed, callback) {
		jQuery(this).fadeOut(speed, function() {
			if(jQuery.browser.msie)
				jQuery(this).get(0).style.removeAttribute('filter');
			if(callback != undefined)
				callback();
		});
	};
})(jQuery);

function DesignSections() {
    jQuery(this).click(function() {
		jQuery("a.More").removeClass("Active");
		jQuery("a.MoreStages").removeClass("Active");
		jQuery(this).addClass("Active");
		jQuery('div.More').hide();
        var e = "div#" + jQuery(this).attr("title");
		jQuery(e).customFadeIn('slow', function() {});
		switch (e){
		case 'div#Intro':
			jQuery('div#Design-Stages').show();
			break;
		case 'div#Email-Marketing':
			jQuery('div#Design-Stages').hide();
			break;
		case 'div#Social-Media-Marketing':
			jQuery('div#Design-Stages').hide();
			break;
		case 'div#Stats':
			jQuery('div#Design-Stages').hide();
			break;
		case 'div#Motion-Graphics':
			jQuery('div#Design-Stages').hide();
			break;
		}
        return false;
    });
}

function DesignStages() {
    jQuery(this).click(function() {
		jQuery("a.MoreStages").removeClass("Active");
		jQuery(this).addClass("Active");
		jQuery('div.More').hide();
        var e = "div#" + jQuery(this).attr("title");
		jQuery(e).customFadeIn('slow', function() {});
        return false;
    });
}

jQuery(document).ready(function(){	
	jQuery("a.More").livequery(DesignSections);
	jQuery("a.MoreStages").livequery(DesignStages);
	
	//Tooltips
	jQuery("a.MoreStages").hover(function() {
		jQuery(this).next("span").animate({opacity: "show", top: "-60"}, "slow");
	}, function() {
		jQuery(this).next("span").animate({opacity: "hide", top: "-50"}, "fast");
	});

	//Input Focus
	jQuery('.InputFocus').each(function() {	
		jQuery(this).focus(function() {
			jQuery(this).addClass("focusField");
		});
		jQuery(this).blur(function() {
			jQuery(this).removeClass("focusField");
		});
	});
	
	//Work Gallery
	jQuery('ul.WorkGallery img').fadeTo("normal", 0.5);
	jQuery('ul.WorkGallery img').hover(function(){
		jQuery(this).fadeTo("fast", 1.0);},function(){
		jQuery(this).fadeTo("fast", 0.5);
		return false;
	});
	
	jQuery("ul.WorkGallery a").click(function(){
		// Get enlarged image attributes
		var image_path = jQuery(this).attr("href");
		var e = "div#" + jQuery(this).attr("name") + " div.WorkScreenshot img";
		var f = "div#" + jQuery(this).attr("name") + " ul.WorkGallery a";
		jQuery(f).removeClass("Active");
		jQuery(this).addClass("Active");
		
		var g = "div#" + jQuery(this).attr("name") + " div.VisitWebsite";
		jQuery(g).html('<a href="' + jQuery(this).attr("rel") + '">' + jQuery(this).attr("rev") + '</a>');
		
		// Fade out enlarged image
		jQuery(e).fadeOut('slow', function() {			
			jQuery(e).attr({ src: image_path }).load(function() {
				// Once image is loaded:
				// Fade in enlarged image
				jQuery(e).fadeIn('slow');	
			});
		});
		return false;
	});
	
	//Work Testimonials
	jQuery("p.ClientComment a").click(function(){
		var e = "div#" + jQuery(this).attr("name") + " div.TestimonialWrap";
		var f = "div#" + jQuery(this).attr("name") + " p.ClientComment";
		jQuery(f).hide();
		jQuery(e).customFadeIn('slow', function() {});
		return false;
	});
	
	//Find Hash
	if (window.location.hash) {
		var hash = 'a[href*="' + window.location.hash + '"]';		
		jQuery("a.More").removeClass("Active");		
		jQuery(hash).addClass("Active");
		jQuery('div.More').hide();
        var e = "div" + window.location.hash;
		jQuery(e).customFadeIn('slow', function() {});
		switch (e){
		case 'div#Intro':
			jQuery('div#Design-Stages').show();
			break;
		case 'div#Email-Marketing':
			jQuery('div#Design-Stages').hide();
			break;
		case 'div#Social-Media-Marketing':
			jQuery('div#Design-Stages').hide();
			break;
		case 'div#Stats':
			jQuery('div#Design-Stages').hide();
			break;
		case 'div#Motion-Graphics':
			jQuery('div#Design-Stages').hide();
			break;
		}
        return false;
    }

});