var timerWidth=1;
var current = 1; 
var cycleTime=20000;//20000
var progressBarTime=100;//100
var showTimer=true;
var stopped=false;
var timerProject;
var timerProgress;
var projectCount;
var isHomePage;
$(document).ready(function(){

    projectCount = document.getElementById("hiddenProjectNumber").value;
    debugger;
    isHomePage = document.getElementById("hiddenIsHomePage").value;
    $("#p"+current).show();
    $("#desc"+current).show();

    $("#timer").css('width', timerWidth);
    var o=document.getElementById("cycle1");
    o.src="/img/circle_on.png";
    if(document.getElementById("hiddenp1").value=="ShowImage")
    {
        timerProject = setTimeout("fadeProject()", cycleTime);
        timerProgress = setTimeout("timer()",progressBarTime);
    }
    else
    {
        $("#timerWrap").fadeOut();
    }
});


function fadeProject(){
    if(stopped==true)
    {
        return;
    }
    timerWidth=1;
    $("#desc"+current).fadeOut();
    
    $("#p"+current).fadeOut(function(){
    
        //set current image to off
        var o=document.getElementById("cycle"+current);
        o.src="/img/circle_off.png";
        current=new Number(current)+1;
        if (current>projectCount) {current=1;}
        $("#p"+current).fadeIn();
        $("#desc"+current).fadeIn();
        
        //set next image to on
        var o=document.getElementById("cycle"+current);
        o.src="/img/circle_on.png";
        
        //debugger;
        var next=new Number(current)+1;
	if(next>7){next=1;}
        if( document.getElementById("hiddenp"+current).value=="ShowImage" )
        {
            timerProject = setTimeout("fadeProject()", cycleTime);
            stopped=false;
        }
        else
        {
            showTimer=false;
            $("#timerWrap").fadeOut(); 
            stopped=true;
        }
    });
    
}

function timer(){

    if(stopped==true)
    {
        return;
    }
    
    timerWidth=timerWidth+1;
    $("#timer").css('width', timerWidth);
    
    if( showTimer==true )//0 is true to show timer
    {
        timerProgress = setTimeout("timer()",progressBarTime);
    }
}

    
    function ChangeProject(id)
    {
        clearTimeout(timerProgress);
        clearTimeout(timerProject);
        timerWidth=1;
        CurrentOn=true;
        $("#desc"+current).fadeOut();
        $("#p"+current).fadeOut( function()
        {
            var o=document.getElementById("cycle"+current);
            o.src="/img/circle_off.png";
            current=id;
            $("#p"+id).fadeIn();
            
            debugger;
            if(isHomePage=="True")
            {
                $("#desc"+id).fadeIn();
            }
            var o=document.getElementById("cycle"+id);
            o.src="/img/circle_on.png";
        });
        
        //debugger;
        if( document.getElementById("hiddenp"+id).value=="ShowImage" )
        {
            timerProgress = setTimeout("timer()",progressBarTime);
            timerProject = setTimeout("fadeProject()", cycleTime);
            showTimer=true;
            $("#timerWrap").fadeIn();
            stopped=false;
        }
        else
        {
            showTimer=false;
            $("#timerWrap").fadeOut();
            stopped=true;
        }
        
    }
    
    
var CurrentOn=false;
    function ChangeCycleOverImage(id)
    {
    //debugger;
        var o=document.getElementById(id);
        if(o.src.indexOf("/img/circle_on.png")>0)
        {
            CurrentOn=true;
        }
        else
        {
            CurrentOn=false;
            o.src="/img/circle_on.png";
        }
        
    }
    function ChangeCycleOutImage(id)
    {
        //debugger;
        if(CurrentOn==false)
        {
            var o=document.getElementById(id);
            o.src="/img/circle_off.png";
        }
        
    }