//var $jq = jQuery.noConflict();

// Use jQuery via $jq(...)
/*
$jq(document).ready(function(){
	var item = 0;
	var slideWidth = 230;
	
	 for(var i=1; i<=edx_box_config.length; i++) {
		edx_box_slide[i] = new edx_ImageSlider(edx_box_config[i-1]["count"],edx_box_config[i-1]["pid"]);
     }
});

function edx_ImageSlider(slideCount, pid) {
	var arrLeft = '.edx-box-slider-arrow-left'+pid;
	var arrRight = '.edx-box-slider-arrow-right'+pid;
	var holderDiv = '.edx-box-slider-holder-'+pid;
	alert(arrLeft);
    $jq(arrLeft).bind('click', function(event){
		item = item + 1;
		var pos = item * slideWidth;
		if (pos > ((slideCount-2)*slideWidth)) {
			item = -1;
		}
		//alert (pos);
		$jq(holderDiv).animate({
			left: pos
		}, 1000);
	});
	$jq(arrRight).bind('click', function(event){
		item = item + 1;
		var pos = item * slideWidth;
		if (pos > ((slideCount-2)*slideWidth)) {
			item = -1;
		}
		//alert (pos);
		$jq(holderDiv).animate({
			left: pos
		}, 1000);
	});
}
*/

function edxSlider(el,direction){
	var holderElement = $(el).up('.edx-slider-holder');
	var position=$(holderElement).getStyle('left');
		position=position.replace(/px/,'')
	var elementsCount = $(holderElement).getElementsByClassName('edx-slider-item').length;
	var dimensions = el.up('.edx-slider-item').getDimensions();
	var arrows=$(holderElement).getElementsByClassName('edx-slider-links');
		$(holderElement).setStyle({'width': elementsCount*dimensions.width+'px'});

	if(direction=='left'){
		var newPosition = position - dimensions.width;
		if(newPosition < 0 && newPosition > (elementsCount*dimensions.width*(-1))){
			for(var i=0; i < arrows.length; i++){
				arrows[i].style.visibility='hidden';
			}
			new Effect.Move(
					$(holderElement),
					{	x: -dimensions.width, 
						y: 0 , 
						mode: 'relative', 
						afterFinish: function(){
							for(var i=0; i < arrows.length; i++){
								arrows[i].style.visibility='visible';
							}
						}
					});
		}
	}else if(direction=='right'){
		var newPosition = parseInt(position) + dimensions.width;
		if(newPosition <= 0 && newPosition >= (elementsCount*dimensions.width*(-1))){
			for(var i=0; i < arrows.length; i++){
				arrows[i].style.visibility='hidden';
			}
			new Effect.Move(
					$(holderElement),
					{ 	x: dimensions.width, 
						y: 0 , 
						mode: 'relative', 
						afterFinish: function(){
							for(var i=0; i < arrows.length; i++){
								arrows[i].style.visibility='visible';
							}
						}
					});				
		}		
	}
}