// JavaScript Document
//var path = "site/images/Jcurve/banner/"
//var path = "/c.1002555/site/images/JCurve/banner/buttons"
var path ="site/images/JCurve/banner/buttons"
var count=0;
var iconN=1;
var moveLeft = -500;
var k=0;
var intId= "";
var restart = false;
var galLength;


$(document).ready(function(){
	//alert('loaded')
	//http://w3svc1273.staging2-sl.netstarter.com.au:81
			$.ajax({
			url: "/includes_templates/processmanagement/extract/media/photogallery/category.aspx?SiteItemId=3d831e7d-87c0-4292-9c85-2d9dc5c45d9d",
				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;
					}*/
					galLength = $(data).find('TemporaryTable').length;
					createGal(data);
				}
			});

		
		}







				
function createGal(xml){
	//alert('this is call')
	var className = "bullet-point";
	
	if ($.browser.msie && $.browser.version.substr(0,1)<9) {

		className = "bullet-point-ie";
	}
		$('<div id="headblock"><ul id="headelUL"></ul></div>').appendTo('#header');
		$('<div id="navblock"><ul id="circleNav"></ul></div>').appendTo('#dots')
	$(xml).find('TemporaryTable').each(function(){
		k++;
		//alert(k);
		var imgurl = $(this).find('LargeFileName').text();
		var textLine1 = ($(this).find('DataField1').text());
		var textLine2 = ($(this).find('DataField2').text());
		var textLine3 = ($(this).find('DataField3').text());
		var pageLink = $(this).find('URL').text();
		var $hline = '<div id="hline" ><hr/></div>'

		var $img =  $('<div id="imgholder'+k+'"><img src="'+imgurl+'" /></div>');
		$('<ul class="text-line" id="textUL'+k+'"></ul>').appendTo('#headelUL');
		$('#textUL'+k).css({display:'none',	'z-index':1000+k*10}).fadeOut(1, function() {});


		var $icon = $('<div class="circleIcon" id="icon' +k+ '"></div>');
				$('#textUL'+k).append('<li class="'+className+'" id="text-line1">'+textLine1+'<li/>');
				$('#textUL'+k).append('<li class="'+className+'" id="text-line2">'+textLine2+'<li/>');
				$('#textUL'+k).append('<li class="'+className+'" id="text-line3">'+textLine3+'<li/>');
				$('#textUL'+k).append('<li class="'+className+'" id="text-line4" style="background-image:none !important; width:242px; height:40px; padding:3px 0 0 0  !important;"><a href="'+pageLink+'"><div class="button"></div></a><li/>');
				$('<li id="imgblock'+k+'"></li>').html($img).appendTo('#headelUL');
				$('<li></li>').html($icon).appendTo('#circleNav');
				$('#imgblock'+k).css({display:'none'}).fadeOut(1, function() {});
				//$('#text-line'+k).css({left:k*10});
				//$('#contentTxtBlock'+k).css({left:-moveLeft}).fadeOut(1, function() {});
				$('#icon'+k).bind('click',function(){
					dotClick($(this).attr('id'))
					})
				$id = '#btn'+k;
				$($id).bind('mouseover',function(){
					$(this).css({top:-46})
					})
				$($id).bind('mouseout',function(){
					$(this).css({top:0})
					})
				
				
				$('#icon1').css("overflow","hidden");
			$('#textUL' + k +' li').each(function(index){
				$(this).animate({left:'-100'},1);
			//console.log('hi')
			})

		})
//Cufon.replace('.titleText, .buttontext a', { fontFamily: 'museo' })
		$('#icon1').addClass('circleIcon_active')
		$('#imgblock1').css({display:'block'}).fadeIn('slow', function() {})
		$('#textUL1').fadeIn('slow').css({ display:'block' })
 		/*$('#contentTxtBlock1').fadeIn('slow').animate({left:"+="+moveLeft}, {duration: 3500, easing:'easeOutBack',complete: function() { }});*/
		$('#textUL1 li').each(function(index){
				$(this).animate({left:'0'},500);
			//console.log('hi')
			})
$(".button").bind('mouseover',function(){
	//alert('hi');
	//$(this).animate({backgroundPosition: '0px -40px'})
	});
$(".button").bind('mouseout',function(){
	//$(this).animate({backgroundPosition: '0px 0px'})
	});
//---------------------removing extra list items----------------
		for(var l=1; l<4; l++){
				$('#textUL' + l +' li').each(function(index){	
					//if ($.browser.msie && $.browser.version.substr(0,1)<8) {
						if($(this).text() == '' && index < 6){
							//alert(index)
							$(this).remove();
							
						}
						//}
				})
		}
}
intId = window.setInterval( "autoSlideSwitch()", 5000);	

function dotClick(id){
	//alert(id);
	$prevNum = iconN;
	window.clearInterval(intId);	
	if (!restart){
	restartid =setTimeout("reStart()",5000);
	restart = true
	}
	iconN = id.substring(4,id.length);
	//alert(iconN)
	slideSwitch($prevNum,iconN);
	 
	}


function reStart(){
	restart = false
	intId = setInterval( "autoSlideSwitch()", 5000);
	clearTimeout(restartid)
	}



function autoSlideSwitch(){
	$prevNum = iconN;
	if(iconN < galLength){
	iconN++;
		
		}
	else
	iconN = 1;

	
	slideSwitch($prevNum,iconN)
	}


function slideSwitch(prevNum,curNum){
	//alert(prevNum)

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

	$imgid = "#imgblock"+curNum
	$iconID = "#icon"+iconN;

	$($imgprev).fadeOut('slow', function () {
	//$($imgprev).fadeOut('slow').animate({left:'-=950'},{duration: 1000, easing:'easeOutQuad',complete:function(){
	    //$(this).parent().fadeOut();
	    $('#textUL' + $prevNum).fadeOut(500, function () { 
            //$(this).css({display:'none'});
        })
		$('#textUL' + $prevNum +' li').each(function(index){
			$(this).animate({left:-1*100},{duration: (index+2)*200,queue: false, easing:'easeOutQuad'});
			//console.log('hi')
			})
		//$($imgprev).fadeOut('slow')
	});

	$($imgid).fadeIn('slow', function() {
	//$($imgid).fadeIn('slow').animate({left:'+=950'},{duration: 1000, easing:'easeOutQuad',complete:function(){
	$('#textUL' + iconN).fadeIn(1000,function(){
		
		//$(this).css({ display:'block'})
		});
		$('#textUL' + iconN +' li').each(function(index){
		if ($.browser.msie && $.browser.version.substr(0,1)<9) {
			$(this).animate({left:0},{duration: (index+2)*200,queue: false, easing:'easeOutQuad',complete:function(){
				//alert(curNum)
				}});
			//console.log('hi')
			}
		else{
			$(this).css({opacity:0.0}).animate({left:0,opacity:1.0},{duration: (index+2)*200,queue: false, easing:'easeOutQuad',complete:function(){
				//alert(curNum)
				}});
			
			}	
			})
		//$($imgid).fadeIn('slow')
       });
	

	$($iconID).removeClass('circleIcon').addClass('circleIcon_active')
	$($iconprev).removeClass('circleIcon_active').addClass('circleIcon')

	
	}