var logoCopyArray=new Array("<p>WH Storage provides secure climate controlled vehicle storage. "+
"<p>The logo features an illustration of a classic sports car to instill trust in the customer "+
"that even the highest valued vehicles will be properly and securely stored.</p>",

"<p>Red Bull 3Style is an annual DJ competition to showcase the most versatile djs in Canada."+
" As the logo for  its inaugural year, the objective of the logo was to visually represent the purpose of the event.</p>"+ 
"<p>The logo was done in a very illustrative style, and features custom hand drawn typography.</p>",

"<p>The Brothers Chaffey are a rock 'n roll, country blues band from Ottawa, Canada."+
" The client requested a classic looking logo which could be easily applied to various media.</p>"+
"<p>The typography was designed to reflect their roots in country blues, and visually represents"+
" their sounds of traditional North American music styles.</p>",  

"<p>The Centre for Business Association Leadership logo has two main components: "+
"the circle of individual components tied together, which represents the individual businesses "+
"coming together as an association, and the typography which has a bold feel and represents both "+
"the idea of a strong business and leadership qualities.</p>",

"<p>EcoUplink is a place where environmentalists can gather in an online community. "+
"A place to check out eco-related video content, environment related news headlines, "+
"join group purchase communities and shop for green items.</p>"+
"<p>The logo needed to visually represent the environment and an illustrative icon was developed to "+
"ensure a connection with the consumer between EcoUplink and its commitment to environment responsibility.</p>",
 
"<p>The EH! Team Dj's represent Canada premier talent in nightclub and special event dj's and performers."+
" The approach to the logo was one of simplicity. As there are numerous acts involved, a strong and bold "+
"typographic logotype was the best approach to create a basic yet memorable logo.</p>", 
 
"<p>Lazar Entertainment produces high quality interactive and video content. "+
"The approach to this logo was to create a modern and entertaining logo and icon. "+
"After numerous concepts and revisions, the decision was made to represent Lazar Entertainment"+
" by illustrating the CEO in a playful and humorous line drawing.</p>",
 
"<p>Quell is a clothing label connected to the independent music and sports industries. "+
"The logo was required to be reproduced in as small of an area as possible, and needed to look clean "+
"and modern on clothing labels, as well as highly legible as embroidery. "+
"The logo works as both an icon/type combination and as two individual elements.</p>",

"<p>Storyteller needed a clean and modern logo to identify them as custom booksellers. "+
"A stylized  illustration was  developed for the icon, which was required for use on its "+
"own and as a combination with the typography. This, combined with a classic typeface "+
"provided the look that the client was going for.</p>",

"<p>Team Canada DJ's are a duo of Canada's most talented nightclub and special event dj's. "+
"The clients requested a classic crest with an illustration of a grizzly bear to represent "+
"their Canadian heritage. The colour palette was kept in Canada's national colours and the "+
"angry bear illustration gives it an even more aggressive feel, similar to the type of music "+
"that Team Canada DJ's are known for playing.</p>",

"<p>VooDoo Records produces heavy metal music, and needed a logo that represented their hard "+
"edged music. A distressed effect was added to a bold typeface which gives the look of "+
"crumbling letters. As a detail, a skull was 'carved' into the first letter, giving "+
"it a sinister twist.</p>");


window.addEvent('domready', function () {

	// Create MooScroll Instances
	var scrollBox = new MooScroll({handleActiveOpacity:1});

	//HistoryManager.initialize();
	
	// checks every .nav-item for a <ul> element	
	$$('.nav-item').each(function(el) {
		var sub = el.getElement('ul');
		var subWrap = el.getElement('div');
		if(sub) {
			el.getElement('a').addClass('has-sub');
			el.getElement('a').addEvent('click',  function(){return false;});
			//var slide = new Fx.Slide(sub, { mode: 'vertical', duration: 200 }).hide(); // Fx.Slide is too slow and became depreciated in 1.2.2.2 more
			el.addEvents({
				mouseenter: function(){	
					//console.log('enter');
					//console.log(sub.offsetHeight);		
					//slide.slideIn();
					subWrap.set('morph', {duration: 200});
					subWrap.morph({		
						'height':sub.offsetHeight+'px'
					});
				},
				mouseleave: function(){	
					//console.log('leave');	
					//console.log(sub.offsetHeight);			
					//slide.slideOut();
					subWrap.set('morph', {duration: 200});
					subWrap.morph({		
						'height':'0px'
					});
				}
			});
		}
	});
	
	$$('.sub-nav a').addEvents({
	   'mouseover': function(e) {
	   		this.set('morph', {duration: 200});
			this.morph('.subMorph2');
	   },
	   'mouseout': function(e) {
	   		if(!this.hasClass('menuActive')){
	   			this.set('morph', {duration: 200});
				this.morph('.subMorph1');
			}
	   }
	});
	/*
	$$('.sub-nav a').each(function(subEle) {
		//var anchorSub = subEle.getElement('a');
		subEle.addEvents({
			mouseenter: function(){
				subEle.set('morph', {duration: 200});
				subEle.morph('#websitesMenu li li a.menuActive');
			},
			mouseleave: function(){
				if(!subEle.hasClass('menuActive')){
					subEle.set('morph', {duration: 200});
					subEle.morph('#websitesMenu li li a');
				}
			}
		});
	});
	*/
		
	$$('.demo').each(function(el) {
		el.addEvents({
			mouseenter: function(){
				el.set('morph', {duration: 500});
				el.morph({
					'color':'#01E7DF'
				});
			},
			mouseleave: function(){
				el.set('morph', {duration: 500});
				el.morph({
					'color':'#FFFFFF'
				});
			}
		});
	});
	/*
	// Logo random colour change
	var myFx = new Fx.Tween('logo_holder', {duration: 5000, fps: 20});
	myFx.addEvents({
	    'complete': function(){
	    	var myColor = $RGB($random(0,255), $random(0,255), $random(0,255));
			myFx.start('background-color', 'rgb('+myColor+')');	    
	    }
	});
	var myColor = $RGB($random(0,255), $random(0,255), $random(0,255));
	myFx.start('background-color', 'rgb('+myColor+')');
	*/	
	// Logo random colour change
	var myFx = new Fx.Morph('logo_holder', {duration: 5000, fps: 20});
	myFx.addEvents({
	    'complete': function(){
			myFx.start({'background-color':randomHexColor()});   
	    }
	});;
	myFx.start({'background-color':randomHexColor()});
	// navigation
	var fx = new Fx.Morph('itemArea', {duration: 1000, transition: Fx.Transitions.Elastic.easeOut});
	$$("#rangeBttn a.top").each(function(el,i){
		var currDev = $('rateItem'+(i+1));
		currDev.thumbs = new noobSlide({
			box: $('imgAreaBox'+(i+1)),
			items: $$('#imgAreaBox'+(i+1)+' div'),
			size: 400,
			handles: $$('#imgCtrl'+(i+1)+' .imgNum a'),
			addButtons: {previous: $$('#imgCtrl'+(i+1)+' .left'), next: $$('#imgCtrl'+(i+1)+' .right') },
			onWalk: function(currentItem,currentHandle){
				this.handles.removeClass('activeNum');
				currentHandle.addClass('activeNum');
			}
		});
		//
		el.addEvent('click',  function(){
			//HistoryManager.setValue(this.historyKey, 0, this.page);
			//fx.addEvents({
			//    'complete': function(morphEle){
					$$('.menuActive').set('style',''); // Morph effect uses style attribute to morph
					$$('.menuActive').removeClass('menuActive');
					el.addClass('menuActive');		    		    
			//    }
			//});
			fx.start('.rateMorph'+(i+1));
			return false;
		});
	});

	
	$$("#imgCtrl8 span.imgNum a").each(function(el,i){
		el.addEvent('click', function(){
			$$("#logoCopy").set('html',logoCopyArray[i]);
		})
	});
	$$("#logoCopy").set('html',logoCopyArray[0]);
	$$("#imgCtrl8 span a.left").addEvent('click', function(){
		var currI=(Browser.Engine.trident)?(($('rateItem8').thumbs.currentIndex-1)>=0?$('rateItem8').thumbs.currentIndex-1:$('rateItem8').thumbs.items.length-1):$('rateItem8').thumbs.currentIndex;
		$$("#logoCopy").set('html',logoCopyArray[currI]);
	});
	$$("#imgCtrl8 span a.right").addEvent('click', function(){
		var currI=(Browser.Engine.trident)?(($('rateItem8').thumbs.currentIndex+1)<$('rateItem8').thumbs.items.length?$('rateItem8').thumbs.currentIndex+1:0):$('rateItem8').thumbs.currentIndex;
		$$("#logoCopy").set('html',logoCopyArray[currI]);
	});

	
});

function randomHexColor(){
  var c = Math.round(Math.random() *16777216).toString(16);
  while (c.length < 6){c='0'+c;};
  return '#'+c;
}