//Cufon.replace('h1','DINPro-Medium');
//Cufon.replace('.side .subnav ul li a','DINPro-Medium');
//Cufon.replace('.side .nav ul li a','DINPro-Medium');
document.addEvent('domready',function(){

	if($$('.product-index').length != 0){
		setupProjectHandler();
	}
	if($$('.clients-list').length != 0){
		chooseClientLogo();
	}
	flexProject();
});

var flexProject = function() {
	var project = $('project');
	if (project) {
		project.getParent('.content').addClass('flex');
		$$('.foot')[0].addClass('flex');
	}
};

setupProjectHandler = function(){
		//console.log('projects');
		var projects = $$('.product-index')[0];
		//console.log(window.location.hash.substring(1));
		switch(window.location.hash.substring(1)){
		case 'all':
			$$('.product-categories li a').each(function(item){
				item.removeClass('active');
			});
			$$('.product-categories li a.all').addClass('active');
			projects.addClass('all');
			projects.removeClass('vefir').removeClass('app').removeClass('farsimavefir').removeClass('social');
			break;
		case 'vefir':
			$$('.product-categories li a').each(function(item){
				item.removeClass('active');
			});
			$$('.product-categories li a.vefir').addClass('active');
			projects.addClass('vefir');
			projects.removeClass('all').removeClass('farsimavefir').removeClass('app').removeClass('social');
			break;
		case 'farsimavefir':
			$$('.product-categories li a').each(function(item){
				item.removeClass('active');
			});
			$$('.product-categories li a.farsimavefir').addClass('active');
			projects.addClass('farsimavefir');
			projects.removeClass('all').removeClass('vefir').removeClass('app').removeClass('social');
			break;
		case 'app':
		$$('.product-categories li a').each(function(item){
				item.removeClass('active');
			});
			$$('.product-categories li a.app').addClass('active');
			projects.addClass('app');
			projects.removeClass('all').removeClass('farsimavefir').removeClass('vefir').removeClass('social');
			break;
		case 'social':
		$$('.product-categories li a').each(function(item){
				item.removeClass('active');
			});
			$$('.product-categories li a.social').addClass('active');
			projects.addClass('social');
			projects.removeClass('all').removeClass('farsimavefir').removeClass('vefir').removeClass('app');
			break;
		}
		
		projects.getParent('.content').addClass('flex');
		$$('.foot')[0].addClass('flex');
		$$('.product-categories li a').addEvent('click',function(e){
			$$('.product-categories li a').each(function(item){
				item.removeClass('active');
			}
			);
			
			if(e.target.hasClass('all')){
				projects.addClass('all');
				projects.removeClass('vefir').removeClass('app').removeClass('farsimavefir').removeClass('social');
			}
			
			if(e.target.hasClass('vefir')){
				projects.addClass('vefir');
				projects.removeClass('all').removeClass('farsimavefir').removeClass('app').removeClass('social');
			}
			
			if(e.target.hasClass('farsimavefir')){
				projects.addClass('farsimavefir');
				projects.removeClass('all').removeClass('vefir').removeClass('app').removeClass('social');
			}
			
			if(e.target.hasClass('app')){
				projects.addClass('app');
				projects.removeClass('all').removeClass('farsimavefir').removeClass('vefir').removeClass('social');
			}
			
			if(e.target.hasClass('social')){
				projects.addClass('social');
				projects.removeClass('all').removeClass('farsimavefir').removeClass('vefir').removeClass('app');
			}
			
			e.target.addClass('active');
		});
		

		var listBtn = $$('.product-view .list')[0];
		var tileBtn = $$('.product-view .tiles')[0];
		
		listBtn.addEvent('click',function(){
			projects.addClass('list-view');
			listBtn.addClass('active');
			tileBtn.removeClass('active');
		});
		
		tileBtn.addEvent('click',function(){
			projects.removeClass('list-view');
			tileBtn.addClass('active');
			listBtn.removeClass('active');
		});
}


chooseClientLogo = function(){
	var container = $$('.clients-list')[0];
	var imgArray = ['islandsbanki.png', 'ruv.png', 'siminn.png', 'stod2.png', 'unicef.png', 'arion_banki.png', 'bm_valla.png', 'ferdamalastofa.png',
		'fh.png', 'flugmalastjorn.png', 'haskoli_islands.png', 'hertz.png', 'hotel_saga.png', 'islandsstofa.png', 'lyf_og_heilsa.png', 'lysi.png', 
		'mannvit.png', 'mosfellsbaer.png', 'orkuveita_reykjavikur.png', 'raudi_kross_islands.png'];
	var countArray =[];
	var i = 0;
	while(i<= 4){
		imgNum = Math.floor(Math.random()*imgArray.length);
		var el = new Element('img', {src:'/media/vidskiptavinir/'+imgArray[imgNum]});
		imgArray.splice(imgNum,1);
		el.inject(container);
		i++;
	}
}