// JavaScript Document

///////////////////////////// Background images, add class, remove class.
$(function() {
	$("#image_design, #image_education, #image_creative").hide();
	$('#web').addClass("active");
	$('#education').hover(function() {
		$('#image_design, #image_creative,#image_web').fadeOut("fast");									   
		$('#image_education').fadeIn("slow");
		$('#education').addClass("active");
		$('#web,#creative,#design').removeClass("active");
	});
	
	$('#creative').hover(function() {
		$('#image_education, #image_design,#image_web').fadeOut("fast");								  
		$('#image_creative').fadeIn("slow");
		$('#creative').addClass("active");
		$('#education,#web,#design').removeClass("active");
	});
	
	$('#design').hover(function() {
		$('#image_education, #image_creative,#image_web').fadeOut("fast");						
		$('#image_design').fadeIn("slow");
		$('#design').addClass("active");
		$('#education,#creative,#web').removeClass("active");
	});
	
	$('#web').hover(function() {
		$('#image_education, #image_creative,#image_design').fadeOut("fast");								 
		$('#image_web').fadeIn("slow");
		$('#web').addClass("active");
		$('#education,#creative,#design').removeClass("active");
	});
});

///////////////////////////// Tooltips.
/*function simple_tooltip(target_items, name){
 $(target_items).each(function(i){
		$("body").append("<div class='"+name+"' id='"+name+i+"'><p>"+$(this).attr('title')+"</p></div>");
		var my_tooltip = $("#"+name+i);

		if($(this).attr("title") != "" && $(this).attr("title") != "undefined" ){

		$(this).removeAttr("title").mouseover(function(){
					my_tooltip.css({opacity:0.8, display:"none"}).fadeIn(200);
		}).mousemove(function(kmouse){
				var border_top = $(window).scrollTop();
				var border_right = $(window).width();
				var left_pos;
				var top_pos;
				var offset = 25;
				if(border_right - (offset *2) >= my_tooltip.width() + kmouse.pageX){
					left_pos = kmouse.pageX+offset;
					} else{
					left_pos = border_right-my_tooltip.width()-offset;
					}

				if(border_top + (offset *2)>= kmouse.pageY - my_tooltip.height()){
					top_pos = border_top +offset;
					} else{
					top_pos = kmouse.pageY-my_tooltip.height()-offset;
					}	

				my_tooltip.css({left:left_pos, top:top_pos});
		}).mouseout(function(){
				my_tooltip.css({left:"-9999px"});
		});

		}

	});
}

$(document).ready(function(){
	 simple_tooltip("a","tooltip");
});*/

/*$(document).ready(function() {
	$("#contactus, #promotions, #aboutus, #termsofuse, #sitemap").fancybox({
		'titlePosition'		: 'inside',
		'transitionIn'		: 'fade',
		'transitionOut'		: 'fade',
		'overlayOpacity'	: '0.7',
		'overlayColor'	: '#000'
	});		
});
*/