$(document).ready(function() {
    $('.play-icon').append('<span class="play-thumb" />');
    $('.main-content').append('<span class="main-content-bottom" />');
   /* $('#page-slider').cycle({
       fx:'scrollHorz',
       speed:'fast',
       timeout:0,
       next:'#next-slide',
       prev:'#prev-slide',
       cleartypeNoBg: true
    });*/
    $('#font-smaller').click(function(){
        $('.content').addClass('size-smaller').removeClass('size-normal size-larger');
        runCufon();
    });
    $('#font-normal').click(function(){
        $('.content').addClass('size-normal').removeClass('size-smaller size-larger');
        runCufon();
    });
    $('#font-larger').click(function(){
        $('.content').addClass('size-larger').removeClass('size-smaller size-normal');
        runCufon();
    });
    $('.video-popup').click(function() {
        //get width from URL for the fancybox
        var width = getParameterByName( 'width', $(this).attr('href') );
        // get height
        var height = getParameterByName( 'height', $(this).attr('href') );
        $.fancybox({
            'padding'		        : 0,
            'transitionIn'	        : 'none',
            'transitionOut'	        : 'none',
            'autoScale'     	        : false,
            'type'  		        : 'iframe',
            'width' 		        : parseInt(width),
            'height'		        : parseInt(height),
            'scrolling'   	        : 'no',
            'href'		        : this.href
        });   
        return false;
    }); 
});

//get url parameter - needed for video
function getParameterByName( name, link ) {
name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
var regexS = "[\\?&]"+name+"=([^&#]*)";
var regex = new RegExp( regexS );
var results = regex.exec( link );
if( results == null )
    return "";
else
    return decodeURIComponent(results[1].replace(/\+/g, " "));
}

function runCufon() {
    Cufon('.menu-link', {
        hover: {color: 'black'}
    });
    Cufon.replace('.font1', { fontFamily: 'Avenir' });
}
runCufon();
/*--------------------------------FONT STYLER STARTS--------------------------------*/
jQuery.noConflict()(function($){
$(document).ready(function() {
	$('#body-font').bind('change', function() {
		var font = $(this).val();
		 $('body').css('fontFamily', font);
		 
	});
	});
	});

jQuery.noConflict()(function($){
$(document).ready(function() {
	$('#headings-font').bind('change', function() {
		var font = $(this).val();
		 $('h1, h2, h3, h4, h5, h6').css('fontFamily', font);
		 
	});
	});
	});