Aviaslider uses the noConflict mode by default. The noConflict mode forces you to use "jQuery" instead of "$" because other js libaries (mootools, etc.) also rely on the $-symbol and this triggers some errors. Try to replace:
<script type="text/javascript">
$('#diagonal-blocks').aviaSlider({
blockSize: {height: 80, width:80},
transition: 'slide',
display: 'diagonaltop',
switchMovement: true
});
</script>
<script type="text/javascript">
$(function() {
$('.sub-menu').hover(function() {
$(this).parent().addClass('active');
},
function() {
$(this).parent().removeClass('active');
});
});
</script>
with:
<script type="text/javascript">
jQuery('#diagonal-blocks').aviaSlider({
blockSize: {height: 80, width:80},
transition: 'slide',
display: 'diagonaltop',
switchMovement: true
});
</script>
<script type="text/javascript">
jQuery(function() {
jQuery('.sub-menu').hover(function() {
jQuery(this).parent().addClass('active');
},
function() {
jQuery(this).parent().removeClass('active');
});
});
</script>