// roletka

var mycarousel_itemList = [];

function item_list()
{		
	var ul = document.getElementById("slider1");
	var liNodes = ul.getElementsByTagName("li");
	
	for(var i = 0;i < liNodes.length; i++)
	{
		mycarousel_itemList[i] = {title: liNodes.item(i).innerHTML};
	}
	
	return mycarousel_itemList;
};

function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
{		
	var IE6 = false /*@cc_on || @_jscript_version < 5.7 @*/;
	// Only for IE6
	if (IE6 && i > 3) i = i - 1;

	
    var idx = carousel.index(i, mycarousel_itemList.length);
    carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
        
    $(document).ready(function(){
    	
    	$("#image"+idx).mouseover(function(){
	      $("#push"+idx).animate({ 
	        height: "0px"
	      }, 300 );
	      
	      $("#push"+(idx - 1)).animate({ 
	        height: "96px"
	      }, 100 );
	      $("#push"+(idx - 2)).animate({ 
	        height: "96px"
	      }, 100 );
	      $("#push"+(idx + 1)).animate({ 
	        height: "96px"
	      }, 100 );
	      $("#push"+(idx + 2)).animate({ 
	        height: "96px"
	      }, 100 );
	      
	    });
	    
	    $("#block"+idx).mouseout(function(){
	      $("#push"+idx).animate({ 
	        height: "96px"
	      }, 100 );
	    });
	    	    
  	});
};

function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt)
{
    carousel.remove(i);
};

function mycarousel_getItemHTML(item)
{
    return item.title;
};

jQuery(document).ready(function() {
    jQuery('#slider1').jcarousel({
        wrap: 'circular',
        initCallback: item_list,
        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
    });
});

// roletka 2

var mycarousel_itemList2 = [];

function item_list2()
{		
	var ul = document.getElementById("slider2");
	var liNodes = ul.getElementsByTagName("li");
	
	for(var i = 0;i < liNodes.length; i++)
	{
		mycarousel_itemList2[i] = {title: liNodes.item(i).innerHTML};
	}
	
	return mycarousel_itemList2;
};

function mycarousel_itemVisibleInCallback2(carousel, item, i, state, evt)
{		
	var IE6 = false /*@cc_on || @_jscript_version < 5.7 @*/;
	// Only for IE6
	if (IE6 && i > 3) i = i - 1;

	
    var idx = carousel.index(i, mycarousel_itemList2.length);
    carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList2[idx - 1]));
        
    $(document).ready(function(){
    	
    	$("#slider2 #image"+idx).mouseover(function(){
	      $("#slider2 #push"+idx).animate({ 
	        height: "0px"
	      }, 300 );
	      $("#slider2 #push"+(idx - 1)).animate({ 
	        height: "96px"
	      }, 100 );
	      $("#slider2 #push"+(idx - 2)).animate({ 
	        height: "96px"
	      }, 100 );
	      $("#slider2 #push"+(idx + 1)).animate({ 
	        height: "96px"
	      }, 100 );
	      $("#slider2 #push"+(idx + 2)).animate({ 
	        height: "96px"
	      }, 100 );	      	      
	    });
	    
	    $("#slider2 #block"+idx).mouseout(function(){
	      $("#slider2 #push"+idx).animate({ 
	        height: "96px"
	      }, 100 );
	    });
	    
  	});
};

function mycarousel_itemVisibleOutCallback2(carousel, item, i, state, evt)
{
    carousel.remove(i);
};

function mycarousel_getItemHTML(item)
{
    return item.title;
};

jQuery(document).ready(function() {
    jQuery('#slider2').jcarousel({
        wrap: 'circular',
        initCallback: item_list2,
        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback2},
        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback2}
    });
});