$(document).ready(function() {
       			$("a.fancybox").fancybox({
			'titleShow'     : false,
			'transitionIn'	: 'none',
			'transitionOut'	: 'none'
			});


			$("a[rel=it]").fancybox({
			'titleShow'     : false,
			'transitionIn'	: 'none',
			'transitionOut'	: 'none'
			});
         
 $('h4.itcert-4 span').each(function(){
$(this).qtip({

content: { prerender: true, text: '<h4>Information Technology Certificate IV (Networking)</h4><p><strong>Completing: </strong>June 2011<br /><strong>Location: </strong>Northern Beaches College - Night <img src="php/moon-phase.php?size=256" alt="moon" width="16" height="16" style="margin: 0 0 0 0px; position:relative; top: 3px;" /><br /><strong>Current Progress</strong><br /><div style="width:410px; background-color:#444;height: 20px;float:left;margin: 5px 0 0 0;"><div style="width:50%;float:left;"><div style="width:<?php echo $sem1_percent; ?>%; background:#ff7900 url(images/progress-bar.gif) repeat-x 0 0;height: 20px;"></div></div><div style="width:50%;float:left;"><div style="width:<?php echo $sem2_percent; ?>%;  background-color:#ff7900;height: 20px;"><span style="color:#777;width: 50px; display:block;margin: 0 0 0 -18px;line-height: 20px;"><?php echo round($total_percent,2); ?> %</span></div></div></div></p>'},

hide: { fixed: true, delay: 300, effect:{ type: 'fade' } },

style:{ width: 450, padding: 8, color: 'black',border:{ width: 0, radius: 3},tip: 'topLeft', name: 'dark'},

position: {adjust: { x:60, y: 0 },

corner: {target: 'bottomCenter',tooltip: 'leftTop'}}

});         
});        



$('h4.itcert-3 a').each(function(){
$(this).qtip({

content: { prerender: true, text: '<img src="images/certificates/thumb/itcert3-transcript-thumb.png" alt="Information Technology Certificate III" style="float:left;margin:0 8px 0 0;" /><h4>Information Technology Certificate III</h4><p><strong>Final Result: </strong>Distinction<br /><strong>Completed: </strong>June 2010<br /><strong>Location: </strong>Northern Beaches College - Night <img src="php/moon-phase.php?size=256" alt="moon" width="16" height="16" style="margin: 0 0 0 0px; position:relative; top: 3px;" /></p>'},

hide: { fixed: true, delay: 300, effect:{ type: 'fade' } },

style:{ width: 440, padding: 8, color: 'black',border:{ width: 0, radius: 3},tip: 'topLeft', name: 'dark'},

position: {adjust: { x:60, y: 0 },

corner: {target: 'bottomCenter',tooltip: 'leftTop'}}

});         
});

        
$('h4.ccna1-v4 a').each(function(){
$(this).qtip({

content: { prerender: true, text: '<img src="images/certificates/thumb/CCNA1-v4-thumb.jpg" alt="Cisco Network Academy Program - CCNA 1 - Version 4" style="float:left;margin:0 8px 0 0;" /><h4>Cisco Network Academy Program<br /> CCNA 1 - Version 4</h4><p><strong>Final Result: </strong>98.2%<br /><strong>Completed: </strong>June 2010<br /><strong>Location: </strong>Northern Beaches College - Night <img src="php/moon-phase.php?size=256" alt="moon" width="16" height="16" style="margin: 0 0 0 0px; position:relative; top: 3px;" /></p>'},

hide: { fixed: true, delay: 300, effect:{ type: 'fade' } },

style:{ width: 440, padding: 8, color: 'black',border:{ width: 0, radius: 3},tip: 'topLeft', name: 'dark'},

position: {adjust: { x:60, y: 0 },

corner: {target: 'bottomCenter',tooltip: 'leftTop'}}

});         
});

$('h4.itessentials a').each(function(){
$(this).qtip({

content: { prerender: true, text: '<img src="images/certificates/thumb/it-essentials-thumb.jpg" alt="Cisco IT Essentials: PC Hardware and Software" style="float:left;margin:0 8px 0 0;" /><h4>Cisco IT Essentials:<br /> PC Hardware and Software</h4><p><strong>Final Result: </strong>86.3%<br /><strong>Completed: </strong>December 2009<br /><strong>Location: </strong>Northern Beaches College - Night <img src="php/moon-phase.php?size=256" alt="moon" width="16" height="16" style="margin: 0 0 0 0px; position:relative; top: 3px;" /></p>'},

hide: { fixed: true, delay: 300, effect:{ type: 'fade' } },

style:{ width: 440, padding: 8, color: 'black',border:{ width: 0, radius: 3},tip: 'topLeft', name: 'dark'},

position: {adjust: { x:60, y: 0 },

corner: {target: 'bottomCenter',tooltip: 'leftTop'}}

});         
});

});
