$(document).ready(function() {
	$("div[id^='xx']").cycle('init');
	$("li[id='menu1']").hover(function() {
	$("div[id^='xx']").cycle({
	fx: 'custom', 
    cssBefore: {  
        top:  65, 
        left: 65, 
        width: 0, 
        height: 0
    }, 
    animIn:  {  
        width: 128, 
        height: 129,
        top: 0,
        left: 0
    }, 
    animOut: {  
        top:  0, 
        left: 0, 
        width: 0, 
        height: 0
    }, 
    cssAfter: {  
        zIndex: 0  
    },
    delay: -1000,
	timeout: 50,
	speed: 300,
	startingSlide: 4,
	autostopCount: 2,
	autostop: 1,
	sync: 1
	});
	});
	
	$("li[id='menu2']").hover(function() {
	$("div[id^='xx']").cycle({
	fx: 'custom', 
    cssBefore: {  
        top:  65, 
        left: 65, 
        width: 0, 
        height: 0,
        zIndex: 0  
    }, 
    animIn:  {  
        width: 128, 
        height: 129,
        top: 0,
        left: 0
    }, 
    animOut: {  
        top:  0, 
        left: 0, 
        width: 0, 
        height: 0
    }, 
    cssAfter: {  
        zIndex: 0  
    }, 
    delay: -1000,
	timeout: 50,
	speed: 300,
	startingSlide: 0,
	autostopCount: 2,
	autostop: 1,
	sync: 1
	});
	});
	
	$("li[id='menu3']").hover(function() {
	$("div[id^='xx']").cycle({
	fx: 'custom', 
    cssBefore: {  
        top:  65, 
        left: 65, 
        width: 0, 
        height: 0,
        zIndex: 0  
    }, 
    animIn:  {  
        width: 128, 
        height: 129,
        top: 0,
        left: 0
    }, 
    animOut: {  
        top:  0, 
        left: 0, 
        width: 0, 
        height: 0
    }, 
    cssAfter: {  
        zIndex: 0  
    }, 
    delay: -1000,
	timeout: 50,
	speed: 300,
	startingSlide: 2,
	autostopCount: 2,
	autostop: 1,
	sync: 1
	});
	});
});