﻿
// Copyright 2010, HadafSolutions*///////////////////////////////////////////////////////////////////
//                                                User Setting                                         // 
/* Number of Image it will be show*/                                                                   //    
 var showingImageCount=3;                                                                              //
 /* gallary Pading*/                                                                                   //
    var ItemPadding=30;                                                                                //
  /* Speed of moving Images when next and previos button press*/                                       //
 var gallaryMoveSpeed=700;                                                                             //
 var WaittingTime=5000;                                                                               //
/////////////////////////////////////////////////////////////////////////////////////////////////////////
//General Variable 
   var current;
   var allItems=new Array();
  var arrShowImages=new Array();
//Slide Show Functions ================================================================================
$(document).ready(function() 
{ 
allItems=GetAllItems();
SetGallaryAnimation();
var x=GetImageCount();
for(var h=0;h<x;h++)
{
var img=GetCurrentImage(h);
}
 }); 

 //Get All Item(image,desc)----------------
function GetAllItems()
      {
      var arr=new Array();
      var lsts=document.getElementById("Items");
      var s=lsts.getElementsByTagName("div");
       for(var k=0;k<s.length;k++)
       {
       if(s[k].id=="list")
       {
     //  s[k].style.marginLeft=parseInt(ItemPadding)/2+"px";
      // s[k].style.marginRight=parseInt(ItemPadding)/2+"px";
        s[k].style.width=ItemPadding+200+"px";
         s[k].style.textAlign='center';
       s[k].style.verticalAlign='top';
      // s[k].style.border="solid 1px red";
         arr.push(s[k]);
       }
      if(k<showingImageCount)
      {
      arrShowImages.push(k);
      }
      }
     return arr;
      }
//Get Image using Index
function GetCurrentImage(ind)
      {
     
    var lsts=allItems;
      if(lsts.length>0)
      {
      if(ind<lsts.length)
      {
     var children= lsts[ind].children;
        if(children.length>0)
        { return children[0].getElementsByTagName("img")[0];}
      }
      }
      }
      
       function GetImageCount()
      {
     var lsts=allItems;
       return lsts.length;
      }

//For Gallary///////////////////////////////////////////////////////////////////////////////////////////////////////
//      Functions                                                                                                 //
//                 1.SetGallaryAnimation Function                                                                 //  
//                 2.prv Function                                                                                 //
//                 3.nxt Function                                                                                 //
//                                                                                                                //
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 var lf=0;  var gallaryImageWidth=0;var gallaryImageHeight=0;var maxLeft=0;
 //Create Next and Previous Buttons and Get Gallary Image Properties -------------------
function SetGallaryAnimation()
      {
     var gal=document.getElementById("Gallary");
     gal.style.display='block';
     //Setting-----------------------------------------------------
    var cc=GetImageCount();
      if(cc>0)
      {
      var imgTemp=GetCurrentImage(0);
      gallaryImageWidth=parseInt(imgTemp.width)+parseInt(ItemPadding);
      gallaryImageHeight=parseInt(imgTemp.height);
      }
      maxLeft=parseInt((cc-showingImageCount)*gallaryImageWidth)*-1;
    //-----------------------------------------------------
     if(gal!=null)
     {
      gal.style.overflow="hidden";
      //gal.style.border="solid 1px red";
      gal.style.width=gallaryImageWidth*showingImageCount+2+"px";
   
       var main=gal.parentNode;
       var tab=document.createElement('table');
       tab.cellpadding="0";
       tab.cellspacing="0";
       tab.width=gal.style.width;
     //   tab.style.border="solid 1px blue";
       var tbo=document.createElement('tbody');
       var row=document.createElement('tr');
       var  cellGallary=document.createElement('td');
       cellGallary.appendChild(gal);
       row.appendChild(cellGallary);
       tbo.appendChild(row);
       tab.appendChild(tbo);
       main.appendChild(tab);
     //--------------------------------------------------------
      var al=document.getElementById("Items");
      al.style.position="relative";
   //    al.style.border="solid 1px blue";
      var s=document.getElementsByTagName("a");
      GallaryPlay();
      }
      }
      function GallaryPlay()
      {
      setTimeout("GallaryPlay();",(parseInt(WaittingTime)))
      if(!nxt())
      {
       lf=parseInt(maxLeft)+parseInt(gallaryImageWidth)*(GetImageCount()-parseInt(showingImageCount)-1);
       prv();
      }
      }
//Move All Gallary Images previous-----------------------------------------------------
function prv()
   {
    if(lf!=0)
    {
     for(var j=0;j<showingImageCount;j++)
             arrShowImages[j]=parseInt(arrShowImages[j])-1;
       lf=parseInt(lf)+gallaryImageWidth;
       var MyDiv=document.getElementById("Items");
       $(MyDiv).animate({ left: +lf},gallaryMoveSpeed);
     }
   }
//Move All Gallary Images Next-----------------------------------------------------
  function nxt()
   {
   if(lf>maxLeft)
   {
    for(var j=0;j<showingImageCount;j++)
             arrShowImages[j]=parseInt(arrShowImages[j])+1;
      lf=parseInt(lf)-2*parseInt(gallaryImageWidth) ;
      var MyDiv=document.getElementById("Items");
      $(MyDiv).animate({ left: lf},gallaryMoveSpeed);// { queue: false, duration: 1000 })
      prv();
 }
 else {
 return false;
 }
 return true;
   }

