
$(document).ready(function(){
		
//Tips
$('.tips').tipsy({fade: true, gravity: 'sw'});
$('#seting .tips, .close').tipsy({fade: true, gravity: 'w'});


//Menu
$('ul#menu').superfish();


//prettyPhoto
$("a[rel^='images']").prettyPhoto();


//Tabs
$("ul.tabs").tabs("div.tab > div", { history: true });


//Slider
 $("#slides, #slides2").slides();	
 
 
//Close Box 
 $(".close-box").click(function(){
	$(this).toggleClass("active").parent("div").fadeOut(500);
	return false; 
});
 
 
//Toggle
$(".close").click(function(){$("#seting").toggle("fast");
$(this).toggleClass("openpanel");return false});

$(".toggle-block, .toggle-block2").hide(); 

$("p.toggle, p.toggle2").click(function(){
	$(this).toggleClass("active").next().slideToggle(500);
	return false; 
});


//Images opacity
	$(".recent img, .portfolio img, #portfolio img").hover(function () {
									 
	$(this).stop().animate({
	opacity: 0.8
	}, "slow");
	},
	
	function () {
	$(this).stop().animate({
	opacity: 1.0
	}, "slow");
});


//Portfolio
$('ul#filter a, ul#filter2 a').click(function() {  
        $(this).css('outline','none');  
        $('ul#filter .active, ul#filter2 .active').removeClass('active');  
        $(this).parent().addClass('active');
  
        var filterVal = $(this).text().toLowerCase().replace(' ','-');  
  
        if(filterVal == 'all') {  
            $('ul.portfolio li.hidden').fadeIn('slow').removeClass('hidden'); 
        } else {  
			
            $('ul.portfolio li').each(function() {  
                if(!$(this).hasClass(filterVal)) {  
                    $(this).fadeOut('normal').addClass('hidden');				
                } else {  
                    $(this).fadeIn('slow').removeClass('hidden');
                }  
            });  
        }  
  
        return false;  
    }); 


//Accordion
$('.acc-block').hide();
$('.acc-header:first').addClass('active').next().show();
$('.acc-header').click(function(){
	if( $(this).next().is(':hidden') ) {
		$('.acc-header').removeClass('active').next().slideUp();
		$(this).toggleClass('active').next().slideDown();
	}
	return false;
});


//Testimonials
$(".t-content li").quovolver();


//Validate Form
$(function(){
    $("#contactform, #commentform").validate({ // your form id (you can also use class name instead id)
        rules: {
            name: {
                required: true, // makes the element always required
                minlength: 3 // makes the element require a given minimum length
            },
            subject: {
                required: true,
				minlength: 3
            },
			website: {
                required: true,
				url: true
            },
			
            phone: {
                required: true,
                number: true, // makes the element require a decimal number
                minlength: 6
            },
            email: {
                required: true,
                email: true // makes the element require a valid email
            },
            message: {
                required: true,
				minlength: 6
            }
        },
        messages: { // specify custom messages
            name: {
                required: 'This field is required',
                minlength: 'Minimum length: 3'
            },
            subject: {
                required: '<p>This field is required</p>',
				minlength: 'Minimum length: 3'
            },
            phone: {
                required: 'This field is required',
                number: 'Invalid phone number',
                minlength: 'Minimum length: 6'
            },
            email: 'Invalid e-mail address',
            message: {
                required: 'This field is required',
                minlength: 'Minimum length: 6'
            }
        },
        success: function(label) {
            // set 'ok' class to error-labels to indicate valid fields and call fadeOut() function after 2000ms
            label.html('OK').removeClass('error').addClass('ok');
        }
    });
});

});


	




