function switch_to_live(nr)
{
	loadLive('/theme/motorshow2007/xml/motorshow'+nr+'.xml','live'+nr);
	new Ajax.Updater('video-titolo', '/content/livetitle/title/Live+TV+'+nr+'/update/video-titolo', {asynchronous:true, evalScripts:false});
}


function list_vod_channel(id, update, count)
{
	new Ajax.Updater(update, '/index.php/content/video_list/CatId/'+id+'/count/'+count, {asynchronous:true, evalScripts:true, onComplete:function(request, json){frontend_hide('ticker_loader'+count, 'ticker'+count)}, onLoading:function(request, json){frontend_show('ticker_loader'+count, 'ticker'+count)}})
}
function list_vod_channel2(id)
{
	new Ajax.Updater('ticker', '/index.php/content/video_list/CatId/'+id, {asynchronous:true, evalScripts:true, onComplete:function(request, json){frontend_hide('ticker_loader', 'ticker')}, onLoading:function(request, json){frontend_show('ticker_loader', 'ticker')}})
}
function pager_hide(id)
{
	var temp  = document.getElementById(id);
	if(temp && temp !="undefined")
	{
		temp.style.display="none";
	}
}
function pager_show(id)
{
	var temp  = document.getElementById(id);
	if(temp && temp !="undefined")
	{
		temp.style.display="block";
	}
}
function frontend_hide(id)
{
	document.getElementById(id).style.display = "none";
}
function frontend_show(id)
{
	document.getElementById(id).style.display = "block";
}
function videolist_hide(id){
	document.getElementById(id).style.display = "none";
}
function videolist_show(id){
	document.getElementById(id).style.display = "block";
}
function showTellForm(){
	var theForm = document.getElementById('tellAFirend');
	if (theForm.style.display =='none') {
		theForm.style.display='block';
	}else{
		theForm.style.display='none';
	}
}
function validateComment(content_id){
	alert(content_id);
	var name = document.getElementById('name').value;
	var comment = document.getElementById('comment').value;

	if ((name == "") && (comment == ""))
	{
		alert("Inserite i vostri dati!");
	}else{
		new Ajax.Updater('comment_view', '/frontend_dev.php/comment/update/content_id/'+content_id+'/name/'+name+'/comment/'+comment, {asynchronous:true, evalScripts:false}); return false;
	}
}


function targetBlank (url) {
  blankWin = window.open(links[thisimg],'_blank','menubar=yes,toolbar=yes,location=yes,directories=yes,fullscreen=yes,titlebar=yes,hotkeys=yes,status=yes,scrollbars=yes,resizable=yes');
}


var imgs = new Array(); var links = new Array();
var imgcnt = 0; var thisimg = 0;
links[imgcnt] = 'http://hr.turistika.tv';
imgs[imgcnt++] = '/theme/turistika/images/ttv_hr.jpg';
links[imgcnt] = 'http://bih.turistika.tv';
imgs[imgcnt++] = '/theme/turistika/images/ttv_bih.jpg';

/*
function rotate() {
	if (document.images) {
		thisimg++;
		if (thisimg >= imgcnt) thisimg = 0;
		document.rollimg.src = imgs[thisimg];
		setTimeout("rotate();",10000);
	}
}
setTimeout("rotate();",10000);
*/




   var contentHeight = 0;     // The total height of the content
    var visibleContentHeight = 0;
    var scrollActive = false;

    var scrollHandleObj = false; // reference to the scroll handle
    var scrollHandleHeight = false;
    var scrollbarTop = false;
    var eventYPos = false;

    var scrollbuttonActive = false;
    var scrollbuttonDirection = false;
    var scrollbuttonSpeed = 2; // How fast the content scrolls when you click the scroll buttons(Up and down arrows)
    var scrollTimer = 10;    // Also how fast the content scrolls. By decreasing this value, the content will move faster

    var scrollMoveToActive = false;
    var scrollMoveToYPosition = false;
    function scrollDiv_startScroll(e)
    {
        if(document.all)e = event;
        scrollbarTop = document.getElementById('scrolldiv_theScroll').offsetTop;
        eventYPos = e.clientY;
        scrollActive = true;
    }

    function scrollDiv_stopScroll()
    {
        scrollActive = false;
        scrollbuttonActive = false;
        scrollMoveToActive = false;
    }
    function scrollDiv_scroll(e)
    {
        if(!scrollActive)return;
        if(document.all)e = event;
        if(e.button!=1 && document.all)return;
        var topPos = scrollbarTop + e.clientY - eventYPos;
        if(topPos<0)topPos=0;
        if(topPos/1>visibleContentHeight-(scrollHandleHeight+4)/1)topPos = visibleContentHeight-(scrollHandleHeight+4);
        document.getElementById('scrolldiv_theScroll').style.top = topPos + 'px';
        document.getElementById('scrolldiv_content').style.top = 0 - Math.floor((contentHeight) * ((topPos)/(visibleContentHeight-scrollHandleHeight)))+'px'
    }

    /*
    Click on the slider
    Move the content to the this point
    */
    function scrolldiv_scrollMoveToInit(e)
    {
        if(document.all)e = event;
        scrollMoveToActive = true;
        scrollMoveToYPosition = e.clientY - document.getElementById('scrolldiv_scrollbar').offsetTop;
        if(document.getElementById('scrolldiv_theScroll').offsetTop/1 > scrollMoveToYPosition) scrollbuttonDirection = scrollbuttonSpeed*-2; else  scrollbuttonDirection = scrollbuttonSpeed*2;
        scrolldiv_scrollMoveTo();
    }

    function scrolldiv_scrollMoveTo()
    {
        if(!scrollMoveToActive || scrollActive)return;
        var topPos = document.getElementById('scrolldiv_theScroll').style.top.replace('px','');
        topPos = topPos/1 + scrollbuttonDirection;
        if(topPos<0){
            topPos=0;
            scrollMoveToActive=false;
        }
        if(topPos/1>visibleContentHeight-(scrollHandleHeight+4)/1){
            topPos = visibleContentHeight-(scrollHandleHeight+4);
            scrollMoveToActive=false;
        }
        if(scrollbuttonDirection<0 && topPos<scrollMoveToYPosition-scrollHandleHeight/2)return;
        if(scrollbuttonDirection>0 && topPos>scrollMoveToYPosition-scrollHandleHeight/2)return;
        document.getElementById('scrolldiv_theScroll').style.top = topPos + 'px';
        document.getElementById('scrolldiv_content').style.top = 0 - Math.floor((contentHeight) * ((topPos)/(visibleContentHeight-scrollHandleHeight)))+'px'
        setTimeout('scrolldiv_scrollMoveTo()',scrollTimer);
    }

    function cancelEvent()
    {
        return false;
    }

    function scrolldiv_scrollButton()
    {
        if(this.id=='scrolldiv_scrollDown')scrollbuttonDirection = scrollbuttonSpeed; else scrollbuttonDirection = scrollbuttonSpeed*-1;
        scrollbuttonActive=true;
        scrolldiv_scrollButtonScroll();
    }
    function scrolldiv_scrollButtonScroll()
    {
        if(!scrollbuttonActive)return;
        var topPos = document.getElementById('scrolldiv_theScroll').style.top.replace('px','');
        //if(!topPos) topPos = 0;
        topPos = topPos/1 + scrollbuttonDirection;
        if(topPos<0){
            topPos=0;
            scrollbuttonActive=false;
        }
        if(topPos/1>visibleContentHeight-(scrollHandleHeight+4)/1){
            topPos = visibleContentHeight-(scrollHandleHeight+4);
            scrollbuttonActive=false;
        }
        document.getElementById('scrolldiv_theScroll').style.top = topPos + 'px';
        document.getElementById('scrolldiv_content').style.top = 0 - Math.floor((contentHeight) * ((topPos)/(visibleContentHeight-scrollHandleHeight)))+'px'
        setTimeout('scrolldiv_scrollButtonScroll()',scrollTimer);
    }
    function scrolldiv_scrollButtonStop()
    {
        scrollbuttonActive = false;
    }


    function scrolldiv_initScroll()
    {
        var ch = document.getElementById('scrolldiv_content').offsetHeight;
        var ph = document.getElementById('scrolldiv_parentContainer').offsetHeight;
        if(ch>ph) document.getElementById('scrolldiv_slider').style.display='block';
        visibleContentHeight = document.getElementById('scrolldiv_scrollbar').offsetHeight ;
        contentHeight = document.getElementById('scrolldiv_content').offsetHeight - visibleContentHeight;
        scrollHandleObj = document.getElementById('scrolldiv_theScroll');
        scrollHandleHeight = scrollHandleObj.offsetHeight;
        scrollbarTop = document.getElementById('scrolldiv_scrollbar').offsetTop;
        document.getElementById('scrolldiv_theScroll').onmousedown = scrollDiv_startScroll;
        document.body.onmousemove = scrollDiv_scroll;
        document.getElementById('scrolldiv_scrollbar').onselectstart = cancelEvent;
        document.getElementById('scrolldiv_theScroll').onmouseup = scrollDiv_stopScroll;
        if(document.all)document.body.onmouseup = scrollDiv_stopScroll; else document.documentElement.onmouseup = scrollDiv_stopScroll;
        document.getElementById('scrolldiv_scrollDown').onmousedown = scrolldiv_scrollButton;
        document.getElementById('scrolldiv_scrollUp').onmousedown = scrolldiv_scrollButton;
        document.getElementById('scrolldiv_scrollDown').onmouseup = scrolldiv_scrollButtonStop;
        document.getElementById('scrolldiv_scrollUp').onmouseup = scrolldiv_scrollButtonStop;
        document.getElementById('scrolldiv_scrollUp').onselectstart = cancelEvent;
        document.getElementById('scrolldiv_scrollDown').onselectstart = cancelEvent;
        document.getElementById('scrolldiv_scrollbar').onmousedown = scrolldiv_scrollMoveToInit;

    }
    /*
    Change from the default color
    */
    function scrolldiv_setColor(rgbColor)
    {
        document.getElementById('scrolldiv_scrollbar').style.borderColor = rgbColor;
        document.getElementById('scrolldiv_theScroll').style.backgroundColor = '#F4A6D7';
        document.getElementById('scrolldiv_scrollUp').style.borderColor = rgbColor;
        document.getElementById('scrolldiv_scrollDown').style.borderColor = rgbColor;
        document.getElementById('scrolldiv_scrollUp').style.color = rgbColor;
        document.getElementById('scrolldiv_scrollDown').style.color = rgbColor;
        document.getElementById('scrolldiv_parentContainer').style.borderColor = rgbColor;
    }
    /*
    Setting total width of scrolling div
    */
    function scrolldiv_setWidth(newWidth)
    {
        document.getElementById('dhtmlgoodies_scrolldiv').style.width = newWidth + 'px';
        document.getElementById('scrolldiv_parentContainer').style.width = newWidth-30 + 'px';
    }

    /*
    Setting total height of scrolling div
    */
    function scrolldiv_setHeight(newHeight)
    {
        document.getElementById('dhtmlgoodies_scrolldiv').style.height = newHeight + 'px';
        document.getElementById('scrolldiv_parentContainer').style.height = newHeight + 'px';
        document.getElementById('scrolldiv_slider').style.height = newHeight + 'px';
        document.getElementById('scrolldiv_scrollbar').style.height = newHeight-40 + 'px';
    }
    /*
    Setting new background color to the slider
    */
    function setSliderBgColor(rgbColor)
    {
        document.getElementById('scrolldiv_scrollbar').style.backgroundColor = rgbColor;
        document.getElementById('scrolldiv_scrollUp').style.backgroundColor = rgbColor;
        document.getElementById('scrolldiv_scrollDown').style.backgroundColor = rgbColor;
    }
    /*
    Setting new content background color
    */
    function setContentBgColor(rgbColor)
    {
        document.getElementById('scrolldiv_parentContainer').style.backgroundColor = rgbColor;
    }

    /*
    Setting scroll button speed
    */
    function setScrollButtonSpeed(newScrollButtonSpeed)
    {
        scrollbuttonSpeed = newScrollButtonSpeed;
    }
    /*
    Setting interval of the scroll
    */
    function setScrollTimer(newInterval)
    {
        scrollTimer = newInterval;
    }
    function loadScroll(){
        scrolldiv_setColor('#FFFFFF');    // Setting border color of the scrolling content
        setScrollButtonSpeed(1);    // Setting speed of scrolling when someone clicks on the arrow or the slider
        setScrollTimer(5);    // speed of 1 and timer of 5 is the same as speed of 2 and timer on 10 - what's the difference? 1 and 5 will make the scroll move a little smoother.
        scrolldiv_setWidth(520);    // Setting total width of scrolling div
        scrolldiv_setHeight(393);    // Setting total height of scrolling div
        scrolldiv_initScroll();    // Initialize javascript functions
    }
	var sp1;
	var currentPage;
	function createPager(p){
		if(p){
			sp1 = new Spry.Widget.SlidingPanels('ticker'+p);
			currentPage=1;
		}else{
			sp1 = new Spry.Widget.SlidingPanels('ticker');
			currentPage=1;
		}
	}
    function pager(page){
    	currenttPage = page;
	}
	function pagerNext(pages){
		document.getElementById('current_page').innerHTML
		if(currentPage<pages)
			currentPage++;
		document.getElementById('current_page').innerHTML = currentPage;
		sp1.showNextPanel();
		
	}
	function pagerPrev(pages){
		if(currentPage>1)
		currentPage--;
		document.getElementById('current_page').innerHTML = currentPage;
		sp1.showPreviousPanel();
		
	}

	function updateMessage() {
		new Ajax.Updater('news_messages', '/livemessage/show/StringId/news', {asynchronous:true, evalScripts:true});
		setTimeout("updateMessage()", 30000);
	}
	
	function playRadio()
	{
		new Ajax.Updater('video', '/radio/show', {asynchronous:true, evalScripts:true});
		new Ajax.Updater('content_details', '/radio/details', {asynchronous:true, evalScripts:true});
	}
	