// JavaScript Document
var path ="../images/banner/"
var count=0;
var iconN=1;
var moveLeft = 360;
var imgID =0;
var intId = "";
var autoPlay = true;
var restart = false;
var restartid = "";
/*var titleArr = new Array('Birthdays, picnics, gift <br>wrapping ... whatever the<br> occasion',
						 'Winter Blues?',
						 'Birthdays, picnics, gift <br>wrapping ... whatever the<br> occasion',
						 "Winter Blues?",
						 "Birthdays, picnics, gift <br>wrapping ... whatever the<br> occasion");
						 
var contentArr = new Array("Find it at affordable prices &gt;&gt;",
						 'Warm up from a low low price &gt;&gt;',
						 'Find it at affordable prices &gt;&gt;',
						 "Warm up from a low low price &gt;&gt;",
						 "Find it at affordable prices &gt;&gt;");*/


//------------------------------
$(document).ready(function(){
	//alert('loaded')
	//http://w3svc1273.staging2-sl.netstarter.com.au:81
			$.ajax({
			url: "/includes_templates/processmanagement/extract/media/photogallery/category.aspx?SiteItemId=38de8c4b-5ec1-47ff-9dab-c2bf0eaa88a8",
				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(data)
				}
			});

		});
		
	function getImgGalXml(xml){
				var catID = $(xml).find('TemporaryTable:first-child').find('ChildId').text();
				$.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(data);
				}
			});

		
		}

//-------------------------------------------------------




				
function createGal(xml){
	//alert('hi');
		$('<div id="headblock"><ul id="headelUL"></ul></div>').appendTo('#header');
		$('<div id="navblock"><ul id="circleNav"></ul><ul id="circleNum" class="navnumber"></ul></div>').appendTo('#dots')
	$(xml).find('TemporaryTable').each(function(){
		imgID++;
		var imgurl = $(this).find('LargeFileName').text();
		var title = $(this).find('Caption').text();
		var btnCaption = $(this).find('Title').text();
		var url = $(this).find('URL').text();

		var $titleTxt = '<div class="titleText">'+title+'</div>';
		var $cotentTxt = '<div class="linkblock"><ul ><li><img src="../images/link_icon.png" /></li><li><div class="linkText"><a href="'+url+'">'+btnCaption+'</a></div></li></ul></div>';
		var $img =  $('<div id="imgholder'+imgID+'"><div><a href="'+url+'"><img src="'+imgurl+'" /></a><div class="textblock" id="textBlock'+imgID+'">'+$titleTxt+$cotentTxt+'</div>');
		//$('#imgholder'+imgID).append($link);
		var $icon = $('<div class="circleIcon" id="icon' +imgID+ '"></div>');

				$('<li id="imgblock'+imgID+'"></li>').html($img).appendTo('#headelUL');
				$('<li></li>').html($icon).appendTo('#circleNav');
				$('<li id="cirNum'+imgID+'">'+imgID+'</li>').html('<div id="dot'+imgID+'" class="dotText"><a href="javascript:void(0);">'+imgID+'</a></div>').appendTo('#circleNum');
				$('#dot'+imgID).children().attr('style','color:#f494ba')
				$('#imgblock'+imgID).css({display:'none'}).fadeOut(1, function() {});
				$('#textBlock'+imgID).css({left:800}).fadeOut(1, function() {});
				$('#icon1').css("overflow","hidden");
				$('#dot'+imgID).bind('click',function(){
					dotClick($(this).attr('id'))
					})

		})
		Cufon.replace ('.titleText', { fontFamily: 'Trajan Pro Regular'})
		Cufon.replace ('.linkText', { fontFamily: 'Trajan Pro Regular'})
		$('#dot1').children().attr('style','color:#000000')
		$('#icon1').addClass('circleIcon_active');
		$('#imgblock1').css({display:'block'}).fadeIn('slow', function() {})
 		//$('#textBlock1').fadeIn('slow').animate({left:moveLeft}, {duration: 2000, easing:'easeOutBack',complete: function() { }});
	}
intId = window.setInterval( "autoSlideSwitch()", 5000);	

function dotClick(id){
	$prevNum = iconN;
	window.clearInterval(intId);	
	if (!restart){
	restartid =setTimeout("reStart()",5000);
	restart = true
	}
	iconN = id.substring(3,id.length);
	slidSwitch($prevNum,iconN);
	 
	}
function reStart(){
	restart = false
	intId = setInterval( "autoSlideSwitch()", 5000);
	clearTimeout(restartid)
	}

function autoSlideSwitch(){
	$prevNum = iconN;
	if(iconN < 4){
	iconN++;
		
		}
	else
	iconN = 1;
	
	slidSwitch($prevNum,iconN)
	}
	
function slidSwitch(prevNum,curNum){

	$iconprev = "#icon"+prevNum
	$imgprev = "#imgblock"+prevNum

	$imgid = "#imgblock"+curNum
	$iconID = "#icon"+iconN;
	
			$($imgprev).fadeOut('slow', function()  {
				//$(this).parent().fadeOut();
				$('#textBlock' + prevNum).fadeOut('slow',function(){
					//$(this).css({left:800})
					})
				});
		
			$($imgid).fadeIn('slow', function() {
				//$(this).parent().fadeOut();
				//$('#textBlock' + curNum).fadeIn('slow').animate({left:moveLeft}, {duration: 2000, easing:'easeOutBack',complete: function() { }});
		
			   });
			
			
/*			$($iconID).css("overflow","hidden").animate({left:'-=21'}, 1000, function() {
				$("#dot"+prevNum).children().attr('style','color:#000000')
				//$(this).parent().fadeOut();
				});
			$($iconprev).css("overflow","hidden").animate({left:'+=21'}, 1000, function() {
				$("#dot"+curNum).children().attr('style','color:#ffffff')
				//$(this).parent().fadeOut();
				});
*/
	$($iconID).removeClass('circleIcon').addClass('circleIcon_active')
	$("#dot"+prevNum).children().attr('style','color:#f494ba')
	$($iconprev).removeClass('circleIcon_active').addClass('circleIcon')
	$("#dot"+curNum).children().attr('style','color:#000000')
	
	
	}