﻿
var nextBtn=document.getElementById("next");
var prevBtn=document.getElementById("prev");
var area=0,pagecount=1,totalPages=3,stopCarousel=false;
nextBtn.onclick=function(){
stopCarousel=false;
area+=1000;
move("next");
 pagecount++;
check();
}
prevBtn.onmouseover=function(){
prevBtn.style.backgroundPosition='center';
}
prevBtn.onmouseout=function(){
prevBtn.style.backgroundPosition='top';
}
nextBtn.onmouseover=function(){
nextBtn.style.backgroundPosition='center';
}
nextBtn.onmouseout=function(){
nextBtn.style.backgroundPosition='top';
}
prevBtn.onclick=function(){
stopCarousel=false;
area-=1000;

 move("prev");
  pagecount--;
check();
}
check();
var position=0;

function move(direction) {

if (direction==="next" && Math.abs(position)<area){
        position-=50;
        document.getElementById("carousel").style.left= position+"px";
        setTimeout('move("'+direction+'")', 10);
       
       
        }else if(direction==="prev" && Math.abs(position) > area ){
        
              position+=50;
              document.getElementById("carousel").style.left= position+"px";
              setTimeout('move("'+direction+'")', 10);
      
       
        }
   
}
function check(){

    prevBtn.disabled=false;
    nextBtn.disabled=false;
      nextBtn.style.backgroundImage='url(images/arrow-next.png)';
      prevBtn.style.backgroundImage='url(images/arrow-prev.png)';
      prevBtn.style.backgroundPosition='top';
       nextBtn.style.backgroundPosition='top';
    if(pagecount===1){
    prevBtn.disabled=true;
     prevBtn.style.backgroundPosition='bottom';
    }else if(pagecount==totalPages){
    nextBtn.disabled=true;
     nextBtn.style.backgroundPosition='bottom';
    }
    
}


document.getElementById("toper").onmouseover=function(){
 stopCarousel=true;
 clearTimeout(fwd);
}
 

document.getElementById("toper").onmouseout=function(){

  if(stopCarousel){
  stopCarousel=false;
  clearTimeout(fwd);
    fwd=setTimeout('farwardMovement()',6000);
  
  }
  
}

function farwardMovement(){
if(!stopCarousel){
if(pagecount!=totalPages){

nextBtn.click();
setTimeout('farwardMovement()',6000);
}else{
backMovement();
}
}
}
function backMovement(){
 if(!stopCarousel){
if(pagecount!=1){
prevBtn.click();
setTimeout('backMovement()',6000);
}else{
    farwardMovement();
}
}
}
fwd=setTimeout('farwardMovement()',6000);




/*carousel for movies */

var nextButton=document.getElementById("down");
var prevButton=document.getElementById("up");

//var moveUp=document.getElementById("moveUp");
//var moveDown=document.getElementById("moveDown");

var movieArea=0,movieCount=1;


function nextButtonPressed(){

movieArea+=90;
moveMovie("next");
 movieCount++;
checkButton();
}



function prevButtonPressed(){

movieArea-=90;

 moveMovie("prev");

  movieCount--;
checkButton();
}
checkButton();
var moviePosition=0;

function moveMovie(direction) {
if (direction==="next" && Math.abs(moviePosition)<movieArea){
        moviePosition-=2;
        document.getElementById("vdoItem").style.marginTop= moviePosition+"px";
        setTimeout('moveMovie("'+direction+'")', 1);
    
       
        }else if(direction==="prev" && Math.abs(moviePosition) > movieArea ){
      
              moviePosition+=2;
              document.getElementById("vdoItem").style.marginTop= moviePosition+"px";
              setTimeout('moveMovie("'+direction+'")', 1);
      
       
        }
        
            
   
    
}
function checkButton(){

    prevButton.disabled=false;
    nextButton.disabled=false;
//    moveDown.disabled=false;
//    moveUp.disabled=false;
     nextButton.style.backgroundImage='url(images/down-arrow.jpg)';
      prevButton.style.backgroundImage='url(images/up-arrow.jpg)';
    if(movieCount===1){
    prevButton.disabled=true;
//    moveUp.disabled=true;
    prevButton.style.backgroundImage='url(images/up-arrow-disabled.jpg)';
    }else if(movieCount==4){
    nextButton.disabled=true;
//     moveDown.disabled=true;
     nextButton.style.backgroundImage='url(images/down-arrow-disabled.jpg)';
    }
    
}

nextButton.onclick=nextButtonPressed;
//moveDown.onmouseover=nextButtonPressed;
prevButton.onclick=prevButtonPressed;
//moveUp.onmouseover=prevButtonPressed;

