// Vollmer Design JavaScript 2010 
// with jQuery and Cycle Plugin

//  Rollover Service Start Page


// when the DOM is ready:
$(document).ready(function () {
  // find the div.fade elements and hook the hover event
  $('div.fade').hover(function() {
    // on hovering over, find the element we want to fade *up*
    var fade = $('> div', this);

    // if the element is currently being animated (to a fadeOut)...
    if (fade.is(':animated')) {
      // ...take it's current opacity back up to 1
      fade.stop().fadeTo(250, 1);
    } else {
      // fade in quickly
      fade.fadeIn(250);
    }
  }, function () {
    // on hovering out, fade the element out
    var fade = $('> div', this);
    if (fade.is(':animated')) {
      fade.stop().fadeTo(4000, 0);
    } else {
      // fade away slowly
      fade.fadeOut(4000);
    }
  });
});



// Boxes Rollover
$(document).ready(function () {
$(".B1-Link").addClass("LS");
$(".LS").css("opacity","0");
$(".LS > a ").css("background","none");
$(".LS").wrapInner("<div><div><div><div></div></div></div></div>");
$(".LS > div").addClass('Corner-bl');
$(".Corner-bl > div").addClass('Corner-br');
$(".Corner-br > div").addClass('Corner-tl');
$(".Corner-tl > div").addClass('Corner-tr');
});

$(function() {
	$(".B1-Link").css("opacity","0");
	$(".B1-Link").hover(function () {
		$(this).stop().animate({
			opacity: 1
		}, 'fast');
	},
	function () {
		$(this).stop().animate({
			opacity: 0
		}, 'slow');
	});	
});


// Service Images Rollover
$(document).ready(function () {
$("#ArtImg > div > a > img").addClass("roll");
$(".roll").css("opacity","1");
$(".roll > a ").css("background","none");
});

$(function() {
	$(".roll").css("opacity","1");
	$(".roll").hover(function () {
		$(this).stop().animate({
			opacity: 0.5
		}, 'fast');
	},
	function () {
		$(this).stop().animate({
			opacity: 1
		}, 'slow');
	});	
});