// JavaScript Document

var ImgPanel,imgIndex,ImgSliderMoo;

var pictures= [		
					{
						folderName:"exclusive_collection",
						groupName:'Exclusive Collection',
						folderPath:"../../images/photoGallery/exclusive_collection",
						imagesList: [
										{
											groupName:' Exclusives ',
											folderName:'exclusives',
											folderPath:'../../images/photoGallery/exclusive_collection/exclusives',
											imagesUrl:[	'PIC1.jpg','PIC2.jpg','PIC3.jpg','PIC4.jpg','PIC5.jpg','yaskhi_104.jpg','yaskhi_115.jpg','yaskhi_121.jpg','yaskhi_122.jpg','yaskhi_1001.jpg']							  										}
									]
					},
					{
						folderName:"pravasi_bharatiya_divas_2005_-_mumbai",
						groupName:'Pravasi Bharatiya Divas',
						folderPath:"../../images/photoGallery/pravasi_bharatiya_divas_2005_-_mumbai",
						imagesList: [
										{
											groupName:' Pravasi Bharatiya Divas ',
											folderName:'pravasi_bharatiya_divas_2005_-_mumbai',
											folderPath:'../../images/photoGallery/pravasi_bharatiya_divas_2005_-_mumbai/pravasi_bharatiya_divas_2005_-_mumbai',
											imagesUrl:[	'banner.jpg','pbd_4.jpg','pbd_6.jpg','pbd_8.jpg','pbd_10.jpg','pbd_13.jpg','pbd_17.jpg','pbd_22.jpg',
												'pbd_1.jpg','pbd_12.jpg','pbd_14.jpg','pbd_15.jpg','pbd_16.jpg','pbd_18.jpg','pbd_2.jpg','pbd_20.jpg','pbd_21.jpg',
												'pbd_3.jpg','pbd_9.jpg','21-pbd_5.jpg'
													  ]
										}
									]
					},
					{
						folderName:"Independence_Day",
						groupName:'Independence Day',
						folderPath:"../../images/photoGallery/Independence_Day",
						imagesList: [
										{
											groupName:' Independence Day 2005 ',
											folderName:'Independence_Day_2005',
											folderPath:'../../images/photoGallery/Independence_Day/Independence_Day_2005',
											imagesUrl:[	'22-191_big.jpg','23-192_big.jpg','24-192_big.jpg','25-193_big.jpg','26-194_big.jpg','27-198_big.jpg',
											'28-220_big.jpg','29-221_big.jpg','30-228_big.jpg','31-229_big.jpg','32-245_big.jpg','33-197_big.jpg','34-246_big.jpg',
											'35-247_big.jpg','36-248_big.jpg','37-250_big.jpg','38-251_big.jpg','39-252_big.jpg','40-263_big.jpg','41-267_big.jpg',
											'42-273_big.jpg','43-277_big.jpg','44-294_big.jpg','45-311_big.jpg','46-312_big.jpg','47-319_big.jpg','48-320_big.jpg',
											'49-324_big.jpg','50-325_big.jpg','51-328_big.jpg','52-329_big.jpg'
													  ]
										},
										{
											groupName:' Independence Day 2004 ',
											folderName:'Independence_Day_2004',
											folderPath:'../../images/photoGallery/Independence_Day/Independence_Day_2004',
											imagesUrl:[	'201-1_big.jpg','203-2_big.jpg','204-3_big.jpg','205-4_big.jpg','206-5_big.jpg','207-6_big.jpg',
											'208-7_big.jpg','209-8_big.jpg','210-9_big.jpg','211-10_big.jpg','212-11_big.jpg','213-12_big.jpg','214-13_big.jpg',
											'215-ind_1.jpg','216-ind_2.jpg','217-ind_3.jpg','218-ind_4.jpg','221-indpd_1.jpg','223-indpd_3.jpg','227-indpd_7.jpg',
											'228-indpd_8.jpg','230-madhu_1_big.jpg','233-madhu_4_big.jpg','235-madhu_6_big.jpg','237-madhu_8_big.jpg',
											'239-madhu_rally_big.jpg','241-ymadhu_speech_big.jpg','244-indpd_4.jpg','250-madhu_7_big.jpg','253-ind_5.jpg',
											'254-madhu_2_big.jpg','255-madhu_3_big.jpg','256-madhu_5_big.jpg','257-indpd_2.jpg','258-indpd_5.jpg','259-indpd_6.jpg',
											'260-indpd_9.jpg','261-indpd_10.jpg'
													  ]
										}
									]
					},	
					{
						folderName:"portraits",
						groupName:'Portraits',
						folderPath:"../../images/photoGallery/portraits",
						imagesList: [
										{
											groupName:' Protraits ',
											folderName:'portraits',
											folderPath:'../../images/photoGallery/portraits/portraits',
											imagesUrl:[	'big1.jpg','big2.jpg','big3.jpg','big4.jpg','big5.jpg','big6.jpg','big7.jpg','big8.jpg','big9.jpg',
											'big10.jpg','big11.jpg','big12.jpg','big13.jpg','big14.jpg','big16.jpg','big17.jpg','big18.jpg','big19.jpg','new1.jpg',
											'new3.jpg','new4.jpg','new5.jpg','new6.jpg','p1.jpg','p2.jpg','p3.jpg','p4.jpg','p5.jpg','p7.jpg','p8.jpg','p10.jpg'
													  ]
										}
									]
					},					
					{
						folderName:"konaseema_utsav_2006",
						groupName:'Konaseema Utsav 2006',
						folderPath:"../../images/photoGallery/konaseema_utsav_2006",
						imagesList: [
										{
											groupName:' Konaseema Utsav 2006 ',
											folderName:'konaseema_utsav_2006',
											folderPath:'../../images/photoGallery/konaseema_utsav_2006/konaseema_utsav_2006',
											imagesUrl:[	'yaskhi_124.jpg','yaskhi_125.jpg','yaskhi_126.jpg','yaskhi_127.jpg','yaskhi_128.jpg','yaskhi_129.jpg',										                                                        'yaskhi_130.jpg','yaskhi_131.jpg','yaskhi_132.jpg','yaskhi_133.jpg','yaskhi_134.jpg']							  										}
									]
					},
					{
						folderName:"indian_american_friendship_council",
						groupName:'Indian American Friendship Council',
						folderPath:"../../images/photoGallery/indian_american_friendship_council",
						imagesList: [
										{
											groupName:' Indian American Friendship Council',
											folderName:'indian_american_friendship_council',
											folderPath:'../../images/photoGallery/indian_american_friendship_council/indian_american_friendship_council',
											imagesUrl:[	'iafc_1.jpg','iafc_2.jpg','iafc_3.jpg','iafc_4.jpg','iafc_5.jpg','iafc_6.jpg',										                                                        'iafc_7.jpg','iafc_8.jpg','iafc_9.jpg','iafc_10.jpg','iafc_11.jpg','iafc_new_1.jpg','iafc_new_2.jpg',                                                        'iafc_new_3.jpg','iafc_new_4.jpg','iafc_new_5.jpg','iafc_new_6.jpg','iafc_new_7.jpg','iafc_new_8.jpg',
													    'iafc_new_9.jpg'
													  ]
										}
									]
					},
					{
						folderName:"visits",
						groupName:'Visits',
						folderPath:"../../images/photoGallery/visits",
						imagesList: [
										{
											groupName:' Br Ambedkar Memorial Nagpur-India',
											folderName:'br_ambedkar_memorial_br_nagpur_-_india',
											folderPath:'../../images/photoGallery/visits/br_ambedkar_memorial_br_nagpur_-_india',
											imagesUrl:[	'yaskhi038.jpg']													  
										},
										{
											groupName:' Common Wealth Games Melbourne - Australia',
											folderName:'common_wealth_games__br__melbourne_-_australia',
											folderPath:'../../images/photoGallery/visits/common_wealth_games__br__melbourne_-_australia',
											imagesUrl:[	'yaskhi056.jpg','yaskhi057.jpg','yaskhi058.jpg','yaskhi059.jpg','yaskhi060.jpg','yaskhi061.jpg','yaskhi062.jpg',                                                        'yaskhi063.jpg','yaskhi064.jpg']
										}
									]
					}					
			];


function buildGalleryLinks()
{	
	var photoHeadingLinksElmt = document.getElementById("galleryHeadingDiv");
	var photoLinksElmt = document.getElementById("photoGalleryLinksDiv");
	var photoThumbNailsElmt = document.getElementById("photoThumbnailsDiv");
	
	if (!photoLinksElmt || !photoThumbNailsElmt || !photoHeadingLinksElmt)
		return;
	
	var headStr = '';
	headStr += 'Photo Gallery';
	
	photoHeadingLinksElmt.innerHTML = headStr;
	
	if(photoThumbNailsElmt.style.display == 'block')
		photoThumbNailsElmt.style.display = 'none';
	
	if(photoLinksElmt.style.display == 'none')
		photoLinksElmt.style.display = 'block';

	var str = '';
	str += '<table width="100%">';
	str += '<tr>';
	for(var i in pictures)
	{		
		if(!pictures[i].imagesList)
			continue;
		
		str += '<td>';
		str += '<div>';	
		str += '<div>';
		str += '<img style="cursor:pointer;" height="100" width="100" onclick="showImagesSubFolders('+i+')" src="'+pictures[i].imagesList[0].folderPath+'/'+pictures[i].imagesList[0].imagesUrl[0]+'"></div>';	
		str += '<div>'+pictures[i].groupName+'</div>';
		str += '</div>';
		str += '<td>';
		if(i !=0 && i%5 == 0)
			str += '</tr><tr>';
	}
	
	str += '</tr>';
	str += '<table>';
	
	
	photoLinksElmt.innerHTML = str;
}

function showImagesSubFolders(index)
{
	var photoHeadingLinksElmt = document.getElementById("galleryHeadingDiv");
	var photoLinksElmt = document.getElementById("photoGalleryLinksDiv");
	var photoThumbsElmt = document.getElementById("photoThumbnailsDiv");
	
	if (!photoHeadingLinksElmt || !photoLinksElmt || !photoThumbsElmt)
		return;
	
	if(photoThumbsElmt.style.display == 'block')
		photoThumbsElmt.style.display = 'none';
		
	if(photoLinksElmt.style.display == 'none')
		photoLinksElmt.style.display = 'block';
		
	
	var headStr = '';
	headStr += '<a href="javascript:{}" onclick="buildGalleryLinks()">Photo Gallery</a>';
	headStr += ' / ';
	headStr += pictures[index].groupName;
	
	photoHeadingLinksElmt.innerHTML = headStr;
	
	var imagesFolders = pictures[index].imagesList;
	
	var folderStr = '';	
	folderStr += '<table width="100%">';
	folderStr += '<tr>';
	for(var i in imagesFolders)
	{
		if(!imagesFolders[i].imagesUrl)
			continue;
			
		folderStr += '<td>';
		folderStr += '<div>';	
		folderStr += '<div>';
		folderStr += '<img style="cursor:pointer;" height="100" width="100" onclick="showImagesThumbnails('+index+','+i+')" src="'+imagesFolders[i].folderPath+'/'+imagesFolders[i].imagesUrl[0]+'"></div>';	
		folderStr += '<div>'+imagesFolders[i].groupName+'</div>';
		folderStr += '</div>';
		folderStr += '<td>';
		if(i !=0 && i%2 != 0)
			folderStr += '</tr><tr>';
	}
	
	folderStr += '<tr>';
	folderStr += '<table>';
	
	photoLinksElmt.innerHTML = folderStr;
}

function showImagesThumbnails(index,i)
{
	var photoHeadingLinksElmt = document.getElementById("galleryHeadingDiv");
	var photoLinksElmt = document.getElementById("photoGalleryLinksDiv");
	var photoThumbsElmt = document.getElementById("photoThumbnailsDiv");
	
	if (!photoHeadingLinksElmt || !photoLinksElmt || !photoThumbsElmt)
		return;
	
	if(photoThumbsElmt.style.display == 'none')
		photoThumbsElmt.style.display = 'block';
		
	if(photoLinksElmt.style.display == 'block')
		photoLinksElmt.style.display = 'none';
	
	var headStr = '';
	headStr += '<a href="javascript:{}" onclick="buildGalleryLinks()">Photo Gallery</a>';
	headStr += ' / ';
	headStr += '<a href="javascript:{}" onclick="showImagesSubFolders('+index+')">'+pictures[index].groupName+'</a>';
	headStr += ' / ';
	headStr += pictures[index].imagesList[i].groupName;
		
	photoHeadingLinksElmt.innerHTML = headStr;
	
	var imagesArr = pictures[index].imagesList[i].imagesUrl;
	
	
	var thumbStr = '';
	thumbStr += '<table width="100%">';
	thumbStr += '<tr>';
	for(var j=0; j<imagesArr.length;j++)
	{
		thumbStr += '<td>';		
		thumbStr += '<img style="cursor:pointer;" onclick="showLargeImage(this.src,'+index+','+i+','+j+')" height="100" width="100" src="'+pictures[index].imagesList[i].folderPath+'/'+imagesArr[j]+'">';			
		thumbStr += '</td>';
		if(j!=0 && j%7 == 0)
		{			
			thumbStr += '</tr><tr>';
		}
		
	}
	
	thumbStr += '<tr>';
	thumbStr += '<table>';
	
	photoThumbsElmt.innerHTML = thumbStr;
}

function showLargeImage(src,index,i,j)
{
	//var imageObj = imagesList[id];
	var imagesArr = pictures[index].imagesList[i];
	var currImg = pictures[index].imagesList[i].imagesUrl[j];
	

	
	var str = '';
	str+='<div>';
	str+='<div class="imgPanelCloseDiv">';
	str+=' <table style="float:right;">';
	str+=' <tr>';
	
	str+=' <td align="right">';
	str+='	<img style="cursor:pointer;" onclick="javascript:{ImgPanel.hide();}" height="15px" width="15px" src="../../images/indexPage/close.png"/></td>';
	str+=' </tr>';
	str+=' </table>';	
	str+='</div>';
	str+='<div id="panelImageDiv">';
	str+='<div id="SlideItMoo_outer">';	
	str+='	<div class="SlideItMoo_back"><!--slide back button--></div>';
	str+='	<div id="SlideItMoo_inner">';			
	str+='		<div id="SlideItMoo_items">';
	
	for(var image=0; image<imagesArr.imagesUrl.length;image++)
	{
		str+='	<div class="SlideItMoo_element">';
		str+='		<img height="300" width="350"  src="'+imagesArr.folderPath+'/'+imagesArr.imagesUrl[image]+'"/>';
		str+='	</div>';	
	}
	str+='		</div>';			
    str+='	 </div>';
    str+='	<div class="SlideItMoo_forward"><!--slide forward button--></div>';
    str+='</div>';
	
	//str += '<img height="200" width="250" src="'+src+'"/>';
	
	str+='</div>';
	str+='</div>';


	ImgPanel = new YAHOO.widget.Dialog("photoGalleryimageDiv", {          
                 fixedcenter : true, 
                 visible : true,  
                 constraintoviewport : true, 
        		 iframe :true,
        		 modal :true,
        		 hideaftersubmit:true,
        		 close:false,
				 draggable:false
       });	 
    ImgPanel.setBody(str);
    ImgPanel.render();
	
	
	ImgSliderMoo = new SlideItMoo({
						overallContainer: 'SlideItMoo_outer',
						elementScrolled: 'SlideItMoo_inner',
						thumbsContainer: 'SlideItMoo_items',		
						itemsVisible:1,
						elemsSlide:1,
						duration:300,
						itemsSelector: '.SlideItMoo_element',
						itemWidth: 350,
						showControls:1,
						startIndex:j+1,
						onChange: function(index){
							
						}
			
			});
}

function showNextPrevImg(imgIndexType)
{
	if(type == "prev")
		imgIndex--;
	else if(type == "next")
		imgIndex++;
		
}

function getURLParam(paramName)
{
	var strReturn = "";
	var strHref = window.location.href;
	
	if(strHref.indexOf('?') == -1)
		return null;
	
	var strQueryString = strHref.substr(strHref.indexOf("?")+1).toLowerCase();
	var aQueryString = strQueryString.split("&");
	
	for (var i= 0; i< aQueryString.length; i++ )
	{		
	   if(aQueryString[i].substring(0,aQueryString[i].indexOf('=')) == paramName)
		{
			strReturn = aQueryString[i].substring(aQueryString[i].indexOf('=')+1);
			break;
		}
	}
	
	return strReturn;
}

function initializeGalleryPage()
{	
	buildMenuBar();
	
	if(!getURLParam('index'))
		buildGalleryLinks();
	else
		showImagesThumbnails(getURLParam('index'),0);
}