var i=0;

var chardsActive = false;
/* createChards();
function createChards (){
/*
chardsActive = true;

if (i<41){
var selected = i+1;
var chard = $('<div />')
.html('<a href="" ><img src="img/'+selected+'.png" /></a>')
.hide()
.attr("id", 'chard'+selected)
.addClass('chard')
						 .css({'cursor':'pointer',
						 'position' : 'absolute',
						 'background-image' : '',
						 'left' : chardsInfo[i][0]+'px',
						 'top' : chardsInfo[i][1]+'px',
						 'width' : chardsInfo[i][2]+'px',
						 'height' : chardsInfo[i][3]+'px'});
                   $('#chards').append($(chard));

		i++;

		setTimeout (createChards, 0);

  }

//setupZoom();


} */

function logoAction(){
$('#imgEye').show();
$('#imgTxt').show();
/* $('#logo').css({'opacity' : '1'});
$('#meButton').css({'opacity' : '0.2'});
$('#myworkButton').css({'opacity' : '0.2'}); */
$('#logo img').attr('src', 'img/logo.png');
$('#meButton img').attr('src', 'img/me_opac.png');
$('#myworkButton img').attr('src', 'img/my_work_opac.png');
initremoveChards();
}
function meAction(){

}
function myworkAction(){
$('#imgTxt').hide();
$('#imgEye').hide();
$('#logo img').attr('src', 'img/logo_opac.png');
$('#meButton img').attr('src', 'img/me_opac.png');
$('#myworkButton img').attr('src', 'img/my_work.png');
initshowChards();

}
function initremoveChards(){
var removei = 0;
removeChards(removei);
}
function initshowChards(){
var showi = 0;
showChards(showi);
}

function removeChards(removei){

if (removei<41 ){
var selected = removei+1;
var chard = '#chard'+selected;
$(chard).fadeOut();

		removei++;
setTimeout ("removeChards("+removei+")", 15);


  }
}
function showChards(showi){
//animationActive = true;

if (showi<41){
var selected = showi+1;
var chard = '#chard'+selected;
$(chard).fadeIn();
showi++;
setTimeout ("showChards("+showi+")", 15);

  }

}