//browser select
var css_browser_selector = function(){
    var ua = navigator.userAgent.toLowerCase(), is = function(t){
        return ua.indexOf(t) != -1;
    }, h = document.getElementsByTagName('html')[0], b = (!(/opera|webtv/i.test(ua)) && /msie (\d)/.test(ua)) ? ('ie ie' + RegExp.$1) : is('gecko/') ? 'gecko' : is('opera/9') ? 'opera opera9' : /opera (\d)/.test(ua) ? 'opera opera' + RegExp.$1 : is('konqueror') ? 'konqueror' : is('applewebkit/') ? 'webkit safari' : is('mozilla/') ? 'gecko' : '', os = (is('x11') || is('linux')) ? ' linux' : is('mac') ? ' mac' : is('win') ? ' win' : '';
    var c = b + os + ' js';
    h.className += h.className ? ' ' + c : c;
}();

//custom fonts
Cufon.replace('h1, h2, h3, h4, h5, h6');

jQuery(document).ready(function(){
    //animate boxes
    jQuery('ul#boxes li').each(function(){
        jQuery('a', this).css({
            'bottom': -jQuery(this).height()
        })
        jQuery(this).hover(function(){
            jQuery('a', this).stop().animate({
                'bottom': '0px'
            }, 'slow');
        }, function(){
            jQuery('a', this).stop().animate({
                'bottom': -jQuery(this).height()
            }, 'slow');
        })
    })
    
    //fancybox
    jQuery('a.zoom').fancybox({
        'zoomSpeedIn': 300,
        'zoomSpeedOut': 300,
        'overlayShow': false
    });
    
    
    //cycle
		/*
$('#gallery ul').after('<div id="pager"><span id="next">next</span>View: </div>').cycle({
        fx: 'scrollRight',
        speed: '2000',
        timeout: 4000,
        pager: '#pager',
        next: '#next'
    });
*/
		
    $('#gallery ul').cycle({
        fx: 'scrollRight',
        speed: '2000',
        timeout: 4000
    });
    
    //validate contact form
    jQuery('#enquiryForm').validate({
        rules: {
            name: {
                required: true
            },
            email: {
                required: true,
                email: true
            },
            phone: {
                required: true
            },
            enquiry: {
                required: true
            }
        },
        messages: {
            name: {
                required: "Please enter your name"
            },
            email: {
                required: "Please enter your email address",
                email: "Please enter a valid email address"
            },
            tel: {
                required: "Please enter your phone number",
                number: "Please enter a valid phone number"
            },
            enquiry: {
                required: "Please enter your enquiry"
            }
        }
    });
		
		//tabs
		jQuery('#page.tabs').tabs({});
});