dojo.addOnLoad(function(){
	navHover();
	preLoadImages();
	iconHover();
});

function preLoadImages()
{
	var i			= 0;
	var w			= 0;
	var h			= 0;
	hover_image		= new Array();
	project_icons	= dojo.query("[hover_img]");
	project_icons.forEach(function(item){
		if (dojo.attr(item,"class") == "icon_type_1")
		{
			w	= 72;
			h	= 72;
		}
		else if(dojo.attr(item,"class") == "icon_type_2")
		{
			w	= 150;
			h	= 72;
		}
		hover_image[i]		= new Image(w,h);
		hover_image[i].src	= "./images/" + dojo.attr(item,"hover_img");
		i++;
	});
}

function iconHover()
{
	var orig;
	var cats;
	var words;
	project_icons.forEach(function(item){
		dojo.connect(item,"mouseover",function(){
			orig	= dojo.attr(item,"src");
			cats	= dojo.attr(item,"hover_categories");
			cats	= cats.split(" ");
			words	= dojo.attr(item,"verbiage");
			words	= words.split(" ");
			
			dojo.attr(item,"src","./images/"+dojo.attr(item,"hover_img"));
			dojo.forEach(cats,function(cat){
				dojo.query("[category='"+cat+"']").forEach(function(nav){
					dojo.addClass(nav,"selected");
				});
			});
			swapVerbiage2(words);
		});
		dojo.connect(item,"mouseout",function(){
			dojo.attr(item,"src",orig);
			dojo.forEach(cats,function(cat){
				dojo.query("[category='"+cat+"']").forEach(function(nav){
					dojo.removeClass(nav,"selected");
				});
			});
			swapVerbiage(6);
		});
	});
}

function navHover()
{
	var type;
	categories	= dojo.query("[category]");
	categories.forEach(function(item){
		dojo.connect(item,"mouseover",function(){
			type	= dojo.attr(item,"category");
			dojo.query("[hover_categories~='" + type + "']").forEach(function(item2){
				dojo.attr(item2,"src","./images/"+dojo.attr(item2,"hover_img"));
			});
			dojo.style(dojo.byId("side_nav"+type),"color","#CC092F");
			swapVerbiage(Number(type));
		});
		dojo.connect(item,"mouseout",function(){
			type	= dojo.attr(item,"category");
			dojo.query("[hover_categories]").forEach(function(item2){
				dojo.attr(item2,"src","./images/"+dojo.attr(item2,"img_src"));
			});
			dojo.style(dojo.byId("side_nav"+type),"color","#5F6A72");
			swapVerbiage(6);
		});
	});
}

function swapVerbiage(id)
{
	var text			= "";
	var add_class		= "dafault";
	var remove_class	= "";
	var verbiage		= new Array();
	verbiage[0]	= Array("• Positioning & Strategy ","• Consumer Profiling ","• Competitive & Communications Audits ","• Brand Blueprint ","• Naming & Tagline Development");
	verbiage[1]	= Array("• Brandmark Design ","• Literature & Stationery Systems ","• Marketing & Corporate Communications ","• Advertising ","• Packaging ","• Environmental Graphics & Signage");
	verbiage[2]	= Array("• Expressive Style & Tone ","• Verbal Standards ","• Copywriting & Editing ","• Consumer-Centric & Jargon-Free Language");
	verbiage[3]	= Array("• Website Design ","• Content Development ","• Information Architecture ","• Animation");
	verbiage[4]	= Array("&#149; Design of functional & data-derived documents <br />&nbsp;&nbsp;(e.g., applications, financial & billing statements)","&#149; Customized, print-on-demand solutions ","&#149; Information architecture ","&#149; Data visualization (tables, charts & illustrations) ","&#149; Consumer-centric communications (clear of industry jargon)");
	verbiage[5]	= Array("&#149; Culture Understanding & Sensitivity ","&#149; Targeted Brand Development ","&#149; Naming & Tagline Development ","&#149; Avertising ","&#149; Marketing & Corporate Communications ","&#149; Copywriting & Translation ","&#149; Arabic/Latin Font Pairing ","&#149; Custom Lettering & Calligraphy");
	verbiage[6]	= Array("Communica Design is a branding and design consultancy working within a broad range of disciplines. Whether on a simple application form or a complex website we ensure that clarity and continuity prevail, and we develop communications that reinforce the brand promise and provide a positive customer experience.");

	if (typeof id == "object")
	{
		for(var i=0; i<id.length; i++)
		{
			text	+= verbiage[id[i]];
			text	+= "<br /><br />";
		}
		add_class		= "category_text";
		remove_class	= "default";
	}
	else if (typeof id == "number")
	{
		add_class		= (id==6) ? "default" : "category_text" ;
		remove_class	= (id!=6) ? "default" : "category_text" ;
		for (i=0;i<verbiage[id].length;i++)
		{
			text	+= verbiage[id][i] + "<br />";
		}
		
	}
	else
	{
		add_class	= "default";
		text		= verbiage[6];
	}
	dojo.removeClass(dojo.byId("verbiage"),remove_class);
	dojo.addClass(dojo.byId("verbiage"),add_class);
	dojo.byId("verbiage").innerHTML	= text;
}

function swapVerbiage2(words)
{
	var output		= "";
	var verbiage	= Array("&#149; Postioning & Strategy","&#149; Consumer-Centricity (Donors)","&#149; Competitive Audits","&#149; Brand Blueprint","&#149; Naming & Tagline Development","&#149; Brandmark Design","&#149; Literature & Stationery Systems","&#149; Marketing & Corporate Communications","&#149; Advertising","&#149; Packaging","&#149; Environmental Graphics & Signage","&#149; Visual Identity for Annual Event","&#149; Marketing Communications","&#149; Expression & Verbal Standards","&#149; Copywriting & Editing","&#149; Consumer-Centric & Jargon-Free Language","&#149; Website Design","&#149; Information Architecture","&#149; Content Development","&#149; Simplification","&#149; Information Architecture","&#149; Data visualization","&#149; Culture Understanding & Sensitivity","&#149; Targeted Brand Development","&#149; Avertising","&#149; Arabic/Latin Font Pairing","&#149; Lettering & Calligraphy","&#149; Restaurant identity & design","&#149; Website architecture & design", "&#149; CD packaging design", "&#149; English & Arabic","&#149; Custom Arabic Lettering","&#149; Simplification for Account Opening Materials Booklet","&#149; Design","&#149; Corporate Identity","&#149; Environmental Graphics & Signage for Corporate Headquarters","&#149; Advertising campaign","&#149; Consulting in Culture Understanding & Sensitivity");
	for (var i=0;i<words.length;i++)
	{
		if (words[i] == "br")
		{
			output	+= "<br />";
		}
		else
		{
			output	+= verbiage[words[i]] + "&nbsp;&nbsp;";
		}
	}
	
	dojo.removeClass(dojo.byId("verbiage"),"default");
	dojo.addClass(dojo.byId("verbiage"),"category_text");
	dojo.byId("verbiage").innerHTML	= output;
}