/* funkcia na vysvietenie navigačného tlačidla */
function highlightNavigableButton(currSlideElement, nextSlideElement, options, forwardFlag)
{
    var id, idx, navDiv;
    
    if (currSlideElement.id != "")
    {
        id = currSlideElement.id;
        idx = Number(id.substr(id.indexOf('_')+1));
        navDiv = $('#navDiv_'+idx);
        if (navDiv.hasClass("LeftBlue"))
            navDiv.removeClass("LeftBlue").addClass("LeftYellow");
        else
            navDiv.removeClass("RightBlue").addClass("RightYellow");
        
    }
    
    if (nextSlideElement.id != "")
    {
        id = nextSlideElement.id;
        idx = Number(id.substr(id.indexOf('_')+1));
        navDiv = $('#navDiv_'+idx);
        if (navDiv.hasClass("LeftYellow"))
            navDiv.removeClass("LeftYellow").addClass("LeftBlue");
        else
            navDiv.removeClass("RightYellow").addClass("RightBlue");
    }
}
    
function createNavigableButtons()
{
    var tdLeft = $('#tdLeft');
    var tdRight = $('#tdRight');
    var divPics = $('#divPics');
    
    var half = divPics.children().length / 2;
       
    /* vytvor navigačné tlačidlo */ 
    divPics.children().each(function(i) { 
        var aSlide = this;
        aSlide.id = 'aImg_'+i;
              
        var img = aSlide.getElementsByTagName('img')[0];
        
        var navDivHtml = '<div id="navDiv_'+i+'" class="navDiv">'+img.alt+'</div>';
        var navDiv = $(navDivHtml);
            
        if (i == 0)
            navDiv.addClass('LeftBlue'); 
        else
        { 
            if (i < half)
                navDiv.addClass('LeftYellow');
            else            
                navDiv.addClass('RightYellow');
        }
                            
        /* povolenie okamžitého zobrazenia daného obázku */
        /* PRI RÝCHLOM PRECHÁDZANÍ MEDZI NAVIGAČNÝMI TLAČIDLAMI
         * ROBÍ BUG - ZMENÍ SA RÝCHLOSŤ ZOBRAZOVANIA */
         
        navDiv.mouseover(function(evnt) {
            divPics.cycle(i).cycle('pause');  cancelEvent(evnt); });
        navDiv.mouseout(function(evnt) {
            divPics.cycle('resume');   cancelEvent(evnt); });
                     
        if (i < half)
            navDiv.appendTo(tdLeft);
        else
            navDiv.appendTo(tdRight);
    });
    
    $(".navDiv").each(function(i) {
		$(this).bind('click', {index:i}, 
			function(e){
				var aId = '#aImg_'+e.data.index;
				var aSlide = $(aId)[0];
				window.location=aSlide.href;
				return false;
		});
	});
};

function cancelEvent(evnt)
{
    if (window.event) //IE
        evnt.returnValue = false;
    else //Firefox
        evnt.preventDefault();
}