/*
 * script.js - scripty
 * Autor: Radek Liska, radarfox at seznam.cz 
 */


// Promenna s jednotlivymi slajdy [[pozadi, nazev, text, odkaz]]
var jpSlide = [
	['/nws_akce/postele2011.png', '', '', "katalog/postele-z-masivu-lucatec/"],
	['/nws_akce/komplety2011.png', '', '<strong></strong><br /><strong></strong>', "katalog/komplety-posteli-2011/"],
    ['/nws_akce/amoruvsen_green.jpg', '', '', "http://www.amoruvsen.cz/material_greenfirst.php"],
    ['/nws_akce/minisety.png', '', '<br /></strong>', "http://www.kvalitnispanek.cz/katalog/sety-rosty/"]
    
];



var jpSlideTimer = 0;

// Inicializuje panel se slidy
function initJP() {
	// Zjistime pocet slidu
	var n = jpSlide.length;
	var i;
	// Vlozime do DOM slidy
	for (i = 0; i < n; i++) {
		$('.jspanel')
			.append(
				'<div id=' + i + ' class="slide s' + i + '" style="background-image: url(' + jpSlide[i][0]  + ')"><div class="title">' + jpSlide[i][1] + '</div><div class="text">' + jpSlide[i][2] + '</div></div>'
			);
	}
	// Vlozime do DOM ovladani
	$('.jspanel')
		.append('<div class="ctrl"></div>');
	for (i = 0; i < n; i++) {
		$('.jspanel .ctrl')
			.append(
				'<div class="button png b' + i + '"><span>' + i + '</span></div>'
			)
	}

	$('.jspanel .button')
		.click(function() {
			$('.jspanel .button')
				.removeClass('active');
			$(this)
				.addClass('active');
			setJP($(this).children().html());
		});

    $('.slide')
		.click(function() {
            window.location = jpSlide[$(this).attr("id")][3];
		});


	// Inicalizujeme zobrazeni prvniho slide
	if (n > 0) {
		$('.jspanel .slide')
			.hide();
		$('.jspanel .slide.s0')
			.show()
			.addClass('active');
		$('.jspanel .slide.s0')
			.show()
			.addClass('active');
		$('.jspanel .button.b0')
			.addClass('active');
		// Odstartujeme timer
		timerJP();
	}
}

// Zmeni slide na panelu
function setJP(x) {
	// Zjistime pocet slidu
	var n = jpSlide.length;
	var speed = 1000;
	// Overime existenci slidu na ktery se meni
	if ((n <= x) || (0 > x)) {
		timerJP();
		return;
	}
	// Overime jestli se nemeni na aktualni slide
	if($('.jspanel .slide.active').hasClass('s' + x)) {
		timerJP();
		return;
	}
	// Provedeme animaci aktualniho slide
	$('.jspanel .slide.active')
		.animate({left:-700}, speed)
		.removeClass('active');
	// Provedeme animaci slide na ktery se menu
	$('.jspanel .slide.s' + x)
		.css('left', '700px')
		.show()
		.animate({left:0}, speed)
		.addClass('active');
	// Odstartujeme timer
	timerJP();
}

// Spusti timer na automatickou zmenu slide
function timerJP() {
	// Zjistime pocet slidu
	var n = jpSlide.length;
	var speed = 8000;
	//var random = new Date().getMilliseconds() % n;
    var next = nextSlideNum();

	jpSlideTimer = setTimeout('$(".jspanel .button.b' + next + '").click();', speed);
}


function nextSlideNum() 
{
    var n = jpSlide.length;
    var current;
    var next;
    var i;

    // zistim ktory je aktualny
	for (i = 0; i < n; i++) 
    {
        if($('.jspanel .slide.active').hasClass('s' + i)) {
            current = i;               
        }
	}
    
    // aky bude dalsi slajd
    if(current >= (n-1)) { next = 0; }
    else {next = current+1; }

    return next;
}


$(document).ready(function(){

	// LIGHTBOX
	$('a.lightbox').lightBox();

	// jspanel
	initJP();

});