/*
****************************
Do not edit or remove anything
from the code as it may stop 
your page to run properly
****************************
Design by : yogesh kumar
Email ID : yoku2010@gmail.com
Mobile No : 09982357481
*/
function addLoadEvent(func) 
{
 var oldonload = window.onload;
  if (typeof window.onload != 'function') 
  {
   window.onload = func; 
   }
    else
    { 
    window.onload = function()
    {if (oldonload) { oldonload(); }func(); }}}
    addLoadEvent(function()
    { document.getElementById("loading").style.display="none";
    }); var currentX = 0; var startX = 997; 
    var xPos = startX; 
    var currentItem = 0; 
    var currentWidth; var timer; 
    var holder; 
    var btnNext;
    var btnPrev;
 var btnPause; 
 var banner; var elems; 
 var itemWidth = 997; 
 var holderX = -itemWidth; 
 var ssItems; 
 var isFirstImage = true; 
 var isNext = false;

  var isPrev = false; 
 var isPaused = false;
 function createSlideShow()
 {
 initSlideShow();
 }
  function initSlideShow()
  {	
  banner = document.getElementById("banner");
   banner.id = "banner-ss";
    elems = banner.getElementsByTagName("div"); 
    for (var i = 0; i < elems.length; i++){elems[i].style.background = "url(image" + elems[i].id + ".jpg) no-repeat left top"; elems[i].style.left = xPos + "px";	xPos += itemWidth;}	banner.innerHTML = '<div id="ss-nextButton"></div><div id="ss-prevButton"></div><div id="ss-pauseButton"></div><div id="ss-holder">' + banner.innerHTML + '</div>';
  $('#ss-pauseButton').click(function()
  { 
  if (isPaused)
   { 
    
   setTimer(); isPaused = false;}
    else 
    { 
    
    clearTimer(); isPaused = true; }});
    }
     function initListeners()
     {	holder = document.getElementById("ss-holder"); btnNext = document.getElementById("ss-nextButton"); btnPrev = document.getElementById("ss-prevButton"); 
btnPause = document.getElementById("ss-pauseButton");
ssItems = holder.getElementsByTagName("div")
setTimer();	
positionItems();
 btnNext.onclick = function()
 {

 isPaused = false; clearTimer(); 
 nextImg(); setTimer();
 }


 
btnPrev.onclick = function()
 {	

 isPaused = false; clearTimer();
 prevImg();	setTimer();	

 }

//btnPause   clearTimer(); isPaused = true; 

btnPause.onclick = function()
 {	
 
 isPaused = true; clearTimer();
 

 }

 
 }
  function setTimer()
  { timer = setInterval(nextImg, 6000); 
  }
   function clearTimer() 
   {	clearInterval(timer);} function nextImg()
   {	if (isPrev)	{ currentItem++; isPrev = false; }	if (currentItem == ssItems.length)	{	currentItem = 0; }	isFirstImage = false; isNext = true; positionItems(); holder.style.left = "-997px"; $(holder).animate({ left: "0" - itemWidth * 2 + "px" }, 600);	currentItem++; } function prevImg() { if (isFirstImage) {	currentItem--;  isFirstImage = false; }	if (isNext)	{ currentItem--; isNext = false; }	if (currentItem == -1)	{
currentItem = ssItems.length - 1; } isPrev = true;	positionItems(); holder.style.left = "-1744px";	$(holder).animate({ left: "-997px" }, 600);	currentItem--; } function positionItems() {	 for (var i = 0; i < ssItems.length; i++) {	ssItems[i].style.left = itemWidth * 6 + "px";	} ssItems[currentItem].style.left = startX + "px";	if ((currentItem + 1) > ssItems.length - 1) {	ssItems[0].style.left = startX + itemWidth + "px";	} else	{ ssItems[currentItem + 1].style.left = startX + itemWidth + "px"; } if (currentItem - 1 < 0) {	ssItems[ssItems.length - 1].style.left = startX - itemWidth + "px";	} else	{ ssItems[currentItem - 1].style.left = startX - itemWidth + "px"; } if (isPrev) {	if (currentItem - 2 < 0) { if (currentItem - 1 < 0)	{ ssItems[ssItems.length - 2].style.left = startX - itemWidth - itemWidth + "px";	} else	{ ssItems[ssItems.length - 1].style.left = startX - itemWidth - itemWidth + "px"; }	}else	{	ssItems[currentItem - 2].style.left = startX - itemWidth - itemWidth + "px";	}	}	if (currentItem + 2 > ssItems.length - 1){	if (currentItem + 1 > ssItems.length - 1){	ssItems[1].style.left = startX + itemWidth + itemWidth + "px";	}	else	{	ssItems[0].style.left = startX + itemWidth + itemWidth + "px";	} }	else {	ssItems[currentItem + 2].style.left = startX + itemWidth + itemWidth + "px"; } } createSlideShow();