$(window).load(function(){

	/* Portfolio Highlight */
	
	var myPort = {
	
		colorLight    : '#cfcfcf',
		colorMedium   : '#cacaca',
		colorDark     : '#c7c7c7',
		colorDarkMore : '#c4c4c4',
		colorHover    : '#0090ff',
		colorDetail   : '#fff',
		imgOpacity    : '0.2',
		imgOpacityDtl : '0.55'
	};
	
	var myPortD = false;
	
	if($('#PORTdetailSELECTED').hasClass("myPbox")) {
	
		myPortD = true;
		
		$('#myPort ul').find('h3').css({'color' : myPort.colorLight});
		$('#myPort ul').find('h4').css({'color' : myPort.colorDark});
		$('#myPort ul').find('img').css('opacity', myPort.imgOpacity);
	    $('#myPort ul').find('span').css({'color' : myPort.colorDark});
		Cufon.replace('div.myPbox h3', { fontFamily: 'olmpB', fontSize: '15px', letterSpacing: '-0.1px' });
		Cufon.replace('div.myPbox h4', { fontFamily: 'olmpM', fontSize: '11px', letterSpacing: '-0.5px' });
		
		$('#PORTdetailSELECTED').find('img').css({'opacity' : myPort.imgOpacityDtl});
		$('#PORTdetailSELECTED').find('span').css({'color' : myPort.colorDetail});
		$('#PORTdetailSELECTED').find('h3').css({ 'color' : myPort.colorDetail});
		$('#PORTdetailSELECTED').find('h4').css({ 'color' : myPort.colorDetail});
		Cufon.replace('div#PORTdetailSELECTED h3', { fontFamily: 'olmpB', fontSize: '15px', letterSpacing: '-0.1px', textShadow: '1px 1px rgba(0, 0, 0, 0.08)' });
		Cufon.replace('div#PORTdetailSELECTED h4', { fontFamily: 'olmpM', fontSize: '11px', letterSpacing: '-0.5px', textShadow: '1px 1px rgba(0, 0, 0, 0.08)' });	
		
	}
	

if(!myPortD) {

	$('#myPort ul').hover(function(){  
	
		$(this).find('h3').css({'color' : myPort.colorLight});
		$(this).find('h4').css({'color' : myPort.colorDark});
		$(this).find('img').css('opacity', myPort.imgOpacity);
	    $(this).find('span').css({'color' : myPort.colorDark});
	    $(this).find('div.myPboxHover span').css({'color' : '#000'});
	    $(this).find('div.myPboxHover img').css('opacity', '1');
	    $(this).find('div.myPboxHover h3').css({'color' : myPort.colorHover});
		$(this).find('div.myPboxHover h4').css({'color' : myPort.colorHover});
		Cufon.replace('div.myPbox h3', { fontFamily: 'olmpB', fontSize: '15px', letterSpacing: '-0.1px' });
		Cufon.replace('div.myPbox h4', { fontFamily: 'olmpM', fontSize: '11px', letterSpacing: '-0.5px' });
		Cufon.replace('div.myPboxHover h3', { fontFamily: 'olmpB', fontSize: '15px', letterSpacing: '-0.1px', textShadow: '1px 1px rgba(0, 0, 0, 0.08)' });
		Cufon.replace('div.myPboxHover h4', { fontFamily: 'olmpM', fontSize: '11px', letterSpacing: '-0.5px', textShadow: '1px 1px rgba(0, 0, 0, 0.08)' });
	    
	}, function(){  

		$(this).find('h3').css({'color' : myPort.colorMedium});
		$(this).find('h4').css({'color' : myPort.colorDarkMore});
		Cufon.replace('div.myPbox h3', { fontFamily: 'olmpB', fontSize: '15px', letterSpacing: '-0.1px', textShadow: '1px 1px rgba(0, 0, 0, 0.02)' });
		Cufon.replace('div.myPbox h4', { fontFamily: 'olmpM', fontSize: '11px', letterSpacing: '-0.5px', textShadow: '1px 1px rgba(0, 0, 0, 0.08)' });
	    $(this).find('img').css('opacity', '1');
	    $(this).find('span').css({'color' : '#000'});
	
	});
	
}


	$('#myPort ul li').hover(function(){  

		if(!myPortD) {
			$(this).siblings('li').find('h3').css({'color' : myPort.colorLight});
			$(this).siblings('li').find('h4').css({'color' : myPort.colorDark});
			$(this).siblings('li').find('img').css({'opacity' : myPort.imgOpacity});
			$(this).siblings('li').find('span').css({'color' : myPort.colorDark});
			Cufon.replace('div.myPbox h3', { fontFamily: 'olmpB', fontSize: '15px', letterSpacing: '-0.1px' });
			Cufon.replace('div.myPbox h4', { fontFamily: 'olmpM', fontSize: '11px', letterSpacing: '-0.5px' });
		}
		$(this).find('img').css({'opacity' : '1'});
		$(this).find('span').css({'color' : '#000'});
		$(this).find('div.myPbox').addClass('myPboxHover');
		$(this).find('h3').css({ 'color' : myPort.colorHover});
		$(this).find('h4').css({ 'color' : myPort.colorHover});
		Cufon.replace('div.myPboxHover h3', { fontFamily: 'olmpB', fontSize: '15px', letterSpacing: '-0.1px', textShadow: '1px 1px rgba(0, 0, 0, 0.08)' });
		Cufon.replace('div.myPboxHover h4', { fontFamily: 'olmpM', fontSize: '11px', letterSpacing: '-0.5px', textShadow: '1px 1px rgba(0, 0, 0, 0.08)' });
	
	}, function(){  

		$(this).find('h3').css({ 'color' : myPort.colorMedium});
		$(this).find('h4').css({ 'color' : myPort.colorMedium});
		$(this).find('img').css({'opacity' : myPort.imgOpacity});
		$(this).find('span').css({'color' : myPort.colorDark});
		Cufon.replace('div.myPbox h3', { fontFamily: 'olmpB', fontSize: '15px', letterSpacing: '-0.1px' });
		Cufon.replace('div.myPbox h4', { fontFamily: 'olmpM', fontSize: '11px', letterSpacing: '-0.5px' });
		$(this).find('div.myPbox').removeClass('myPboxHover');
		
		if(myPortD) {
			$('#PORTdetailSELECTED').find('img').css({'opacity' : myPort.imgOpacityDtl});
			$('#PORTdetailSELECTED').find('span').css({'color' : myPort.colorDetail});
			$('#PORTdetailSELECTED').find('h3').css({ 'color' : myPort.colorDetail});
			$('#PORTdetailSELECTED').find('h4').css({ 'color' : myPort.colorDetail});
			Cufon.replace('div#PORTdetailSELECTED h3', { fontFamily: 'olmpB', fontSize: '15px', letterSpacing: '-0.1px', textShadow: '1px 1px rgba(0, 0, 0, 0.08)' });
			Cufon.replace('div#PORTdetailSELECTED h4', { fontFamily: 'olmpM', fontSize: '11px', letterSpacing: '-0.5px', textShadow: '1px 1px rgba(0, 0, 0, 0.08)' });
		}
	
	});
	
	
});