var ActiveButton = 0;
var Timer_Interval = 30000;
var Timer = setTimeout('qslideTimer()',Timer_Interval);
var WaboActive = 0;

var BaseURL = '';
window.onload = function()
{
	BaseURL = "http://"+window.location.hostname;
}

$(function()
{
	$('.box-accord .cont').hide();
	$('.box-accord>li>h3').click(function()	{
		$('.box-accord>li>h3>.arr').css("background-image",'url("'+BaseURL+'/images/arr-ball-red-dwn.png")');
		if($(this).next('.cont').css('display') == 'none') {
			$(this).parents('.box-accord').children('li').children('.cont').slideUp(300);
			$(this).next('.cont').slideDown(300);
			$(this).children('.arr').css("background-image",'url("'+BaseURL+'/images/arr-ball-red-up.png")');
		} 
		else {
			$(this).next('.cont').slideUp(300);
			$(this).children('.arr').css("background-image",'url("'+BaseURL+'/images/arr-ball-red-dwn.png")');
		}
	});
	
	$('.box-accord>li>h3>.arr').mouseover(function() {
		var BackGroundNow = $(this).css("background-image");
		BackGroundNow = BackGroundNow.replace('")','');
		BackGroundNow = BackGroundNow.split("/");
		BackGroundNow = BackGroundNow[BackGroundNow.length-1];
		if(BackGroundNow == "arr-ball-red-dwn.png") {
			$(this).css("background-image",'url("'+BaseURL+'/images/arr-ball-red-dwn-hover.png")');
		}
		else if(BackGroundNow == "arr-ball-red-up.png") {
			$(this).css("background-image",'url("'+BaseURL+'/images/arr-ball-red-up-hover.png")');
		}
	});
	
	$('.box-accord>li>h3>.arr').mouseout(function()	{
		var BackGroundNow = $(this).css("background-image");
		BackGroundNow = BackGroundNow.replace('")','');
		BackGroundNow = BackGroundNow.split("/");
		BackGroundNow = BackGroundNow[BackGroundNow.length-1];
		if(BackGroundNow == "arr-ball-red-dwn-hover.png") {
			$(this).css("background-image",'url("'+BaseURL+'/images/arr-ball-red-dwn.png")');
		}
		else if(BackGroundNow == "arr-ball-red-up-hover.png") {
			$(this).css("background-image",'url("'+BaseURL+'/images/arr-ball-red-up.png")');
		}
	});
});

function resetTimer() {
	clearTimeout(Timer);
	Timer = setTimeout('qslideTimer()',Timer_Interval);
}

function qslide(n) {
	$('.q-slide ul li, .q-slide .steps span').removeClass('active');
	$('.q-slide ul li:eq('+n+'), .q-slide .steps span:eq('+n+')').addClass('active');
	resetTimer();
}

function qslideTimer() {
	ActiveButton++;
	if(ActiveButton >= 4) {
		ActiveButton = 0;
	}
	qslide(ActiveButton);
}
 
function slide_left() {
	ActiveButton--;
	if(ActiveButton <= -1) {
		ActiveButton = 4;
	}
	qslide(ActiveButton); 
	return false;
}

function slide_right() {
	ActiveButton++;
	if(ActiveButton >= 5) {
		ActiveButton = 0;
	}
	qslide(ActiveButton);
	return false;
}

