$(document).ready(function() {
	$('.slideshow')
		.cycle({
			fx:   		'scrollHorz',
			prev:  		'#prev1',
			next: 	 	'#next1',
			speed:		600,
	  		timeout: 	0
		});
});


// Validation (Validates all forms on the site)
$(function() {
	$("#commentForm").validate();
});


// Fancybox (opens modal window to display something)
$(function() { 
	$("a.single_image")
		.fancybox({
			'imageScale': false,
			'centerOnScroll': true
		});
	$("a.single_image2")
		.fancybox({
			'imageScale': false,
			'centerOnScroll': true
		});
	$("a.image_big")
		.fancybox({
			'imageScale': false,
			'centerOnScroll': false
		});
}); 


// Switch views (changes view of the portfolio)
$(function(){
	$("a.switch_thumb").toggle(function(){
		$(this).addClass("swap");
		$("ul.display").fadeOut("2000", function() {
			$(this).fadeIn("2000").removeClass("thumb_view");
		});
	}, function () {
		$(this).removeClass("swap");
		$("ul.display").fadeOut("2000", function() {
			$(this).fadeIn("2000").addClass("thumb_view");
		});
	}); 
});


// Category trigger (changes category on the portfolio)
$(function(){
	$("#category_trigger").click(function () {
		if ($("div#category").is(":hidden")) $("div#category").slideDown("fast");
		else $("div#category").slideUp("fast");
	});
	$("div#category").hover(function() {},
		function() { $("div#category").slideUp("fast");
		});	
});


// Hide JS from non-supported browsers (actually it shows JS things to browsers supporting JS)
$(function(){
	$("a#prev1").css("display", "block");
	$("a#next1").css("display", "block");
	$("#carousel").css("padding", "0");
	$("#quotes1 ul").css("display", "block");
	$("a.switch_thumb").css("display", "block");
	$("p#category_trigger").css("display", "block");
	$("li.email").css("display", "block");
});


// Fix window shifting fith Mozilla (which btw looks really ugly)
$(function(){
	if (jQuery.browser.mozilla) {
		$("html").css("overflow", "-moz-scrollbars-vertical");
	}
});


// Main menu dropdown
$(function(){
	$("li.dropdown").hover(
		function() { $("a.portfolio", this).addClass("dropdownhover"); },
		function() { $("a.portfolio", this).removeClass("dropdownhover"); });
});
$(function(){
	$("li.dropdown").hover(
		function() { $("ul", this).css('visibility', 'visible'); },
		function() { $("ul", this).css('visibility', 'hidden'); });
});