var $j = jQuery.noConflict();

$j(document).ready(function(){
	$j("div.csc-frame-rulerBefore").append('<div class="next"></div><div class="prev"></div>').css({"overflow":"visible", 'position':'relative'});
	$j("div.csc-frame-rulerBefore div.csc-textpic-imagerow").hide().addClass('hide').css({'cursor':'pointer'});
	$j("div.csc-frame-rulerBefore div.csc-textpic-imagerow:first").show().removeClass('hide').addClass('first').addClass('active');
	$j("div.csc-frame-rulerBefore div.csc-textpic-imagerow:last").addClass('last');
	$j("div.csc-frame-rulerBefore div.next").show();
	
	$j("div.csc-frame-rulerBefore div.next").css({
		"position":"absolute",
		"right":"5px",
		"top":"0px",
		"bottom":"0px",
		"cursor":"pointer",
		"width":"50px",
		"background-image":"url(uploads/tf/next.png)",
		"background-repeat":"no-repeat",
		"background-position":"center",
		"opacity":"0.5"
	});
	
	$j("div.csc-frame-rulerBefore div.prev").css({
		"position":"absolute",
		"left":"5px",
		"top":"0px",
		"bottom":"0px",
		"cursor":"pointer",
		"width":"50px",
		"background-image":"url(uploads/tf/prev.png)",
		"background-repeat":"no-repeat",
		"background-position":"center",
		"opacity":"0.5"
	});
	
	$j("div.csc-frame-rulerBefore div.prev").hover(function(){
		$j(this).stop(true, true).animate({
			opacity:1
		});
	},function(){
		$j(this).stop(true, true).animate({
			opacity:0.5
		});
	});
	
	$j("div.csc-frame-rulerBefore div.next").hover(function(){
		$j(this).stop(true, true).animate({
			opacity:1
		});
	},function(){
		$j(this).stop(true, true).animate({
			opacity:0.5
		});
	});
	
	$j("div.csc-frame-rulerBefore div.csc-textpic-imagerow").click(function(){
		next($j("div.csc-frame-rulerBefore div.active")); // $j(this)
	});
	
	$j("div.csc-frame-rulerBefore div.next").click(function(){
		next($j("div.csc-frame-rulerBefore div.active"));
	});
	
	$j("div.csc-frame-rulerBefore div.prev").click(function(){
		prev($j("div.csc-frame-rulerBefore div.active"));
	});
});


function next (e) {
	// e.hide('slow');
	e.animate({
		opacity:0
	},{
		duration:500,
		complete: function(){
			e.hide();
			if($j(this).hasClass('last')==true) {
				$j("div.csc-frame-rulerBefore div.csc-textpic-imagerow.first").show().css({'opacity':'0'}).animate({
					opacity:1
				});
				e.removeClass("active");
				$j("div.csc-frame-rulerBefore div.csc-textpic-imagerow.first").addClass("active");
			} else {
				e.next().show().css({'opacity':'0'}).animate({
					opacity:1
				});
				e.removeClass("active").next().addClass("active");
			}
		}	
	});
	
	return false;
};

function prev (e) {
	// e.hide('slow');
	e.animate({
		opacity:0
	},{
		duration:500,
		complete: function(){
			e.hide();
			if(e.hasClass('first')==true) {
				$j("div.csc-frame-rulerBefore div.csc-textpic-imagerow.last").show().css({'opacity':'0'}).animate({
					opacity:1
				});
				e.removeClass("active");
				$j("div.csc-frame-rulerBefore div.csc-textpic-imagerow.last").addClass("active");
			} else {
				e.prev().show().css({'opacity':'0'}).animate({
					opacity:1
				});
				e.removeClass("active").prev().addClass("active");
			}
		}	
	});
	
	return false;
};