$(document).ready(function(){	
	Cufon.replace('#pageProject .tabs a',{fontFamily:'Myriad Pro', hover:{color: '#ffffff'}})('#pageProject .tabs a.current',{fontFamily:'Myriad Pro'})('h1',{fontFamily:'Myriad Pro'})('h2',{fontFamily:'Myriad Pro'})('h3',{fontFamily:'Myriad Pro'})('.topMenu a',{fontFamily:'Myriad Pro',hover:{color: '#f1cb00'}})('.footerBox a, a.lg',{fontFamily:'Myriad Pro',hover:{color: '#a1ab75'}});
	$('.topMenu a').each( function(i){
		Cufon.replace($(this),{fontFamily:'Myriad Pro',hover:{color: '#f1cb00'}});
	});
	$('.footerBox a, a.lg').each( function(i){
		Cufon.replace($(this),{fontFamily:'Myriad Pro',hover:{color: '#a1ab75'}});
	});	
	$('.topMenu a').each( function(i){
		Cufon.replace($(this),{fontFamily:'Myriad Pro',hover:{color: '#f1cb00'}});
	});
	$('#pageProject .tabs a').each( function(i){
		Cufon.replace($(this),{fontFamily:'Myriad Pro',hover:{color: '#ffffff'}});
	});	
	$('#pageProject .tabs a.current').each( function(i){
		Cufon.replace($(this),{fontFamily:'Myriad Pro'});
	});	
	$('h1, h2, h3').each( function(i){
		Cufon.replace($(this),{fontFamily:'Myriad Pro'});
	});

	if($("#pageProject")){
		var currentPosition = new Array();
		var slideWidth = 769;
		var slides = new Array();
		var numberOfSlides = new Array();
	
		$("#pageProject ul.tabs").tabs("div.panes > div");
		$("#pageProject ul.tabs").bind('click', function(){
			Cufon.refresh();
		});
/*		
		$('#pageProject div.panes > div').each( function(i){
			$(this).find('.slidetabs').tabs(".projects > div",{
				effect: "fade",
				fadeOutSpeed: "slow",
				rotate: true
			}).slideshow();
		});	
*/			
		$('#pageProject div.panes > div').each( function(i){
			currentPosition[i] = 0;
			slides[i] = $(this).find('.project');
			numberOfSlides[i] = slides[i].length;
			console.log(i+' => '+numberOfSlides[i]);
			slides[i].wrapAll('<div id="slideInner'+i+'"></div>').css({'float' : 'left','width' : slideWidth+'px'});
			$('#slideInner'+i).css({'width' : (slideWidth*numberOfSlides[i]) +'px', 'position' : 'absolute', 'top' : '0px'}).addClass('slideInner');
			
			$(this).prepend('<span class="control leftControl" id="leftControl'+i+'">Clicking moves left</span>').append('<span class="control rightControl" id="rightControl'+i+'">Clicking moves right</span>');
			manageControls(currentPosition[i], i, numberOfSlides[i]);
			$(this).find('.control').bind('click', function(){
				currentPosition[i] = $(this).hasClass('rightControl') ? currentPosition[i]+1 : currentPosition[i]-1;
				manageControls(currentPosition[i], i, numberOfSlides[i]);
				$('#slideInner'+i).animate({'left' : slideWidth*(-currentPosition[i])});
			  });
			  $(this).find('.dots a').each( function(indexDot, valDot){
				$(valDot).bind('click', function(){
					currentPosition[i] = indexDot;
					manageControls(currentPosition[i], i, numberOfSlides[i]);
					$('#slideInner'+i).animate({'left' : slideWidth*(-currentPosition[i])});
				  });
			  });
						  
		});		
	}
});

  function manageControls(position, i, numberOfSlides){	
    if(position==0){ $('#leftControl'+i).hide() } else{ $('#leftControl'+i).show() }
	if(position>=numberOfSlides-1){ $('#rightControl'+i).hide() } else{ $('#rightControl'+i).show() }
	console.log(i+' => '+position+' - '+numberOfSlides);
	dotControl(position, i);
  }	

  function dotControl(position, i){
	$('#pane'+i).find('.dots a').removeClass('current');
	$('#dots'+i).find('a:eq('+position+')').addClass('current');
  }

function change_picture(elemId, src){
	document.getElementById(elemId).src=src;
}

function pictureOn(elem){
    var temp = new Array();
    temp = elem.src.split(".");
    var file = '.'+temp[temp.length-1];
    elem.src = elem.src.replace(file,"");
    elem.src = elem.src+'_on'+file;
}

function pictureOff(elem){
     var temp = new Array();
     temp = elem.src.split(".");
     var file = '_on.'+temp[temp.length-1];
     elem.src = elem.src.replace(file,"");     
     elem.src = elem.src+file.replace(/_on/, "");
}