// JavaScript Document
var count=1;
var prevID;
var nextID = "#imgBlock0";
var prevMItem = "#menuItem0";
var nextMItem = "#menuItem0";
var curId;
var sellectedID;
var imgID=0;
var galLength;
var imgURL = new Array();
var caption = new Array();
var urlLink = new Array();
var intID;
//-------------remort-------------------
/*	function callback(obj) {
			var xml;
            if ($.browser.msie && obj == "string") {
				//alert(obj);
                xml = new ActiveXObject("Microsoft.XMLDOM");
                xml.async = false;
                xml.loadXML(obj);                
            } else {
                xml = obj;
            }
 			//alert(obj);

			$(document).ready(function(){createGal(xml)});
		}
*/
//--------------------------------

//----------------------------------
    	$(document).ready(function(){
			//alert('9879879878979798');
			$.ajax({
			url: "/includes_templates/processmanagement/extract/media/photogallery/category.aspx?SiteItemId=de42063a-df2a-4259-b1bf-6c9daa87fbba&ParentId",
				success: function(data) {
					//alert($(data).find('TemporaryTable').text());
					var xml;
					if ($.browser.msie && typeof data == "string") {
						xml = new ActiveXObject("Microsoft.XMLDOM");
						xml.async = false;
						xml.loadXML(data);                
					} else {
						xml = data;
					}
					//dispalyData(xml);
					getImgGalXml(xml)
				}
			});

		});
		
	function getImgGalXml(xml){
				var catID = $(xml).find('TemporaryTable:first-child').find('ChildId').text();
				//alert("------------------"+catID)
				//console.log(catID);
				$.ajax({
				url: "/includes_templates/processmanagement/extract/media/photogallery/images.aspx?SitemediacategoryId=" + catID,
				success: function(data) {
					//alert($(data).find('TemporaryTable').text());
					var xml;
					if ($.browser.msie && typeof data == "string") {
						xml = new ActiveXObject("Microsoft.XMLDOM");
						xml.async = false;
						xml.loadXML(data);                
					} else {
						xml = data;
					}
					createGal(xml);
				//alert("-------cat ID-----------"+catID)
				}
			});

		
		}

//-----------------------------------
function mouseOver(divID){
	//clearInterval( intID);	
	swichMenuItem(divID)	
	}
function swichMenuItem(divID){
	prevMItem = nextMItem;
	nextMItem = "#menuItem"+divID;
	sellectedID = "#menuItem" + curId
	//alert(nextMItem)
	$(nextMItem).css({backgroundPosition: '0px 118px'});
	if(prevMItem != nextMItem && sellectedID != prevMItem )
	$(prevMItem).css({backgroundPosition: '0px 0px'});
	
	}

function mouseOut(divID){
	//intID = setInterval( "autoPlay()", 5000);
	if(curId != divID)
	$("#menuItem"+divID).css({backgroundPosition: '0px 0px'});
	}
function switchImages(imgID){
	if(curId != imgID)
	$("#menuItem"+curId).css({backgroundPosition: '0px 0px'});

	curId = imgID;
	if(nextID != ("#imgBlock"+imgID) ){
	prevID = nextID;
	nextID = "#imgBlock"+imgID;
	$("#imgHolder").hide();
	$("#imgHolder").fadeIn(1000);
	$("#imgHolder").html('<img src="' +imgURL[imgID] + '"/>');
	$("#caption").hide();
	$("#caption").fadeIn(1000);
	$("#caption").html(caption[imgID]);

	$("#findOut").hide();
	$("#findOut").fadeIn(1000);
	$("#findOut").html('<a href="'+urlLink[imgID]+'">Find out more >></a>');
	
	Cufon.replace('#findOut a');  
	Cufon.replace('#caption ');  
	}
	
	}

function buttonClick (imgID){
	//alert(window.location)
	if(imgID<2)
	count = imgID+1;
	else
	count = 0;
	switchImages(imgID)
		}

function autoPlay(){
	//alert(count)
	if(count != 0)
	$('#menuItem0').css({backgroundPosition: '0px 0px'});	
	switchImages(count)
	swichMenuItem(count)
	if(count<2){
	count++;
	}
	else
	count = 0;


	}

function createGal(xml){
	//alert('hi'+xml);
		var calssName
		$('<div id="menuList"><ul id="ulList"></ul></div>').appendTo('#header');
					galLength=$(xml).find('TemporaryTable').length;
					//alert(galLength);
					$(xml).find('TemporaryTable').each(function(){
						imgID++;
						if(imgID<4){
						//alert($(this).find('LargeFileName').text())
						var url = $(this).find('LargeFileName').text();

						imgURL.push(url);
						caption.push($(this).find('Caption').text());
						urlLink.push($(this).find('URL').text());

						}
					})
		for (var n=0; n<3; n++){
/*						$('<li   onMouseOver="buttonMOver('+n+')"><div  class="menuItem" ><img id="menuItem'+n+'"  src = "images/'+n+'.png" /></div></li>').appendTo('#ulList');
*/			
					$('<li ><a class="links" href="/'+urlLink[String(n)]+'" ><div id="menuItem'+(n)+'"  class="rollover'+n+'" onMouseOver="mouseOver('+(n)+');buttonClick('+(n)+')" onMouseOut="mouseOut('+(n)+')" onClick=""><span class="displace"></span></div></a></li>').appendTo('#ulList');
			
			
			}
					
						var $captionText =  '<div id="captionBox" ><div id="caption" class="captionTxt">'+caption[0]+'</div></div>'
						var $findMore = '<div id="findOut" class="findOut" ><a href="'+urlLink[0]+'">Find out more >></a></div>'
						var $img = '<div id="imgHolder" ><img class="mainImg" src="'+imgURL[0]+'"/></div>';
						$('<div id="imgBlock" class="imgBlock" ></div>').html($img+$captionText).appendTo('#header');

					   Cufon.replace('#findOut a');  
					   Cufon.replace('#caption ');  
					   //intID = setInterval( "autoPlay()", 5000);
	}