// 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;
var titleArr = new Array('Stop wasting time using out of</br> date, pre Internet accounting</br> only software.',
						 'The world�s most powerful Small Business software suite in the</br> Cloud',
						 'Sign up today and get FREE </br>Payroll with your purchase',
						 "The most informed people</br> choose JCurve to run their</br> business",
						 "What�s so special about JCurve?");
						 
var contentArr = new Array("World's most powerful small business software All In One Business Application (Accounts/Operations &  Sales)",
						 'MYOB / Quickbooks not working',
						 '',
						 "",
						 "");



$(document).ready(function(){
			//53e70825-bc15-4280-bdaa-0001115775a2
			//Includes_Templates/ProcessManagement/Extract/Media/RelatedMedia/ProductList.aspx?pid="+pid
			///c.1002555/site/XML/banner_images.xml
			$.ajax({
			    url: "/c.1002555/site/XML/banner_images.xml", dataType: "xml", 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)
					//alert(xml)
					galLength = $(data).find('TemporaryTable').length;
					createGal(data);
				}
			});
			
})




				
function createGal(xml){
	//alert('hi');
		$('<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++;
		    var imgurl = $(this).find('LargeFileName').text();
		    var textLine = $(this).find('Caption').text();
		    var btnCaption = $(this).find('BtnCaption').text();
		    var pageLink = $(this).find('URL').text();

		    var $titleTxt = '<div id="textBlock' + k + '" class="titleText_h">' + textLine + '</div>';
		    //var $cotentTxt = '<div id="contentTxtBlock'+k+'" class="contentText">'+contentArr[k-1]+'</div>';
		    var $link = '<div id="link" class="linkImg"><div class="buttontext" id="btn' + k + '"><a href="' + pageLink + '"><img src="' + path + '/btn_' + k + '.png" /></a></div></div>';
		    var $img = $('<div id="imgholder' + k + '"><div><img src="' + imgurl + '" /></div>' + $link + '</div>' + $titleTxt);
		    //$('#imgholder'+k).append($link);
		    var $icon = $('<div class="circleIcon" id="icon' + k + '"></div>');

		    $('<li id="imgblock' + k + '"></li>').html($img).appendTo('#headelUL');
		    $('<li></li>').html($icon).appendTo('#circleNav');
		    $('#imgblock' + k).css({display:'none'}).fadeOut(1, function () { });
		    $('#textBlock' + k).css({ left: 1000 }).fadeOut(1, function () { });
		    //$('#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");

		})
Cufon.replace('.titleText_h, .buttontext a', { fontFamily: 'AvantGarde Bk BT' })
		$('#icon1').addClass('circleIcon_active')
		$('#imgblock1').css({ display: 'block' }).fadeIn('slow', function () { })
		$('#textBlock1').fadeIn('slow').css({ left: 500 })
		/*$('#contentTxtBlock1').fadeIn('slow').animate({left:"+="+moveLeft}, {duration: 3500, easing:'easeOutBack',complete: function() { }});*/
		if(galLength > 1){
		intId = window.setInterval("autoSlideSwitch()", 10000);
		$('#dots').css({display:'block'})
		}
		else{
		$('#dots').css({display:'none'});
		}
		
	}
	

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


function reStart(){
	if(galLength > 1){
	restart = false
	intId = setInterval( "autoSlideSwitch()", 10000);
	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).stop(true,true).fadeOut('slow', function () {
	    //$(this).parent().fadeOut();
	    $('#textBlock' + $prevNum).stop(true, true).fadeOut('slow', function () { 
            $(this).css({left:1000});
        })
	});

    $($imgid).stop(true, true).fadeIn('slow', function () {

       });
    $('#textBlock' + iconN).stop(true, true).fadeIn('slow').css({ left: 500 });
	
	

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

	
	}