var headline_count;
	var headline_interval;
	var old_headline = 0;
	var current_headline = 0;
	var imageXml = new Array();
	var pageImageXml = new Array();
	var pageImageXmlLeftColumn = new Array();
	var saleCount = 0;
	var autoOn = 0;
	if (!navigator.appName == 'Microsoft Internet Explorer') {
	    autoOn = -1;
	}
	  
	$(document).ready(function() {

	    $.get("Service.asmx/GetScrollImage", function(data) {
	        var i = 0;
	        var pageLi = "<ul>";
	        $(data).find('SaleName ').each(function() {
	            var actv = "class=''"
	            if (i == 0)
	                actv = "class='paggingActive'"
	            pageLi += '<li ' + actv + '><span class="' + i + '">' + (i + 1) + '</span></li>'

	            imageXml[i] = new Array();
	            $(this).children().each(function() {
	                var nodename = $(this).get(0).nodeName;
	                var text = $(this).text();
	                imageXml[i][nodename] = text;
	            });
	            i++;
	            saleCount = i;
	        });
	        pageLi += "</ul>";
	        $(".Fpaging").html(pageLi);
	        drawImage(0)
	    });
	
	    if(! (navigator.appName == 'Microsoft Internet Explorer')){

	    setInterval('autoRotate()', 5000);
	    }
	    
	    var cpid = $('#ctl00_MainContentHolder_hdnCurrentPageId').val() || 1;
	    $.get("Service.asmx/GetPageImageLeftColumn?pageId=" + cpid, function(data) {

	        $(data).find('NewDataSet').each(function() {
	            var i = 0;
	            $(this).children().each(function() {
	                pageImageXmlLeftColumn[i] = new Array();
	                $(this).children().each(function() {
	                    var nodename = $(this).get(0).nodeName;
	                    var text = $(this).text();
	                    pageImageXmlLeftColumn[i][nodename] = text;

	                });
	                i++;
	            });
	        });
	    });
	    $.get("Service.asmx/GetPageImage?pageId=" + cpid, function(data) {

	        $(data).find('NewDataSet').each(function() {
	            var i = 0;
	            $(this).children().each(function() {
	                pageImageXml[i] = new Array();
	                $(this).children().each(function() {
	                    var nodename = $(this).get(0).nodeName;
	                    var text = $(this).text();
	                    pageImageXml[i][nodename] = text;

	                });
	                i++;
	            });
	        });
	        drawNavigation()
	    });

	    /*image scrolling*/

	    $(".Fpaging li span").live('click', function() {
	        $(".Fpaging li").removeClass("paggingActive");
	        $(this).parent().addClass("paggingActive");
	        drawImage(parseInt($(this).html()) - 1)
	    });



	    /* news marque*/

	    headline_count = $("li.headline").size();
	    $("li.headline:eq(" + current_headline + ")").css('top', '5px');

	    headline_interval = setInterval(headline_rotate, 5000); //time in milliseconds
	    $('#scrollup').hover(function() {
	        clearInterval(headline_interval);
	    }, function() {
	        headline_interval = setInterval(headline_rotate, 5000); //time in milliseconds
	        headline_rotate();
	    });
	});
	function drawNavigation() {
	    var htm = '<div  id="rotator" class="RotatorMiniBanner"><ul>';
	    var htm1 = '<div  id="rotator1" class="RotatorMiniBanner"><ul>';
	    var baner='<ul>'
	    for (var i = 0; i < pageImageXml.length; i++) {
	        var url = '#'
	        if (pageImageXml[i]['URL'] != '' && pageImageXml[i]['URL']) {
	            if (pageImageXml[i]['URL'].indexOf('http') == 0)
	                url = pageImageXml[i]['URL'];
	            else
	                url = 'http://' + pageImageXml[i]['URL'];
	        }
	        if (pageImageXml[i]['ImageType'] == 'Home Page') {
    	        
	            
	            pageImageXml[i]['Message'].replace("£","&pound;");
	            pageImageXml[i]['SubMessage'].replace("£","&pound;");
	            pageImageXml[i]['Message'].replace("HK$","HK&#36;");
	            pageImageXml[i]['SubMessage'].replace("HK$","HK&#36;");
        	    
	            baner += '<li><a href="' + url + '"><img src="' + pageImageXml[i]["Image"] + '" class="BannerThumb ie6PNG" alt="" />';
	            baner += '<div class="bannerBottom"><div class="bannerText"><div class="colored">' + pageImageXml[i]['Message'] + '</div> ';
	            baner += '<div class="small">' + pageImageXml[i]['SubMessage'] + '</div></div></div></a></li>';
    	        
	        }
	    }
	    for (var i = 0; i < pageImageXmlLeftColumn.length; i++) {
	        var url = '#'
	        if (pageImageXmlLeftColumn[i]['URL'] != '' && pageImageXmlLeftColumn[i]['URL']) {
	            if (pageImageXmlLeftColumn[i]['URL'].indexOf('http') == 0) {
	                url = pageImageXmlLeftColumn[i]['URL'];
	            }
	            else
	                url = 'http://' + pageImageXmlLeftColumn[i]['URL'];
	        }
	        if (i % 2 == 0) {
                htm += '<li><a href="' +  url+ '">'
                htm += '<img src="' + pageImageXmlLeftColumn[i]['Image'] + '" class="ie6PNG" height="182" width="195" border="0" alt="" />';
                htm += '</a></li>';
            } else {
                htm1 += '<li><a href="' + url + '">';
                htm1 += '<img src="' + pageImageXmlLeftColumn[i]['Image'] + '" class="ie6PNG" height="182" width="195" border="0" alt="" />';
                htm1 += '</a></li>';
            }
	    }
	    baner +='</ul>'
	    htm += '</ul><div class="clearBoth"></div></div>';
	    htm1 += '</ul><div class="clearBoth"></div></div>';
	 
	    theRotator('rotator1');
	    theRotator('rotator');
	    $('.flash').append(baner)

	    $(".flash").jCarouselLite({
	        //btnNext: ".next1",
	        //btnPrev: ".prev1",
	        auto: 15000,
            speed: 400,
	        //btnGo: [".0", ".1", ".2",".3",".4"],
	        visible: 1
	});
	
	}
	function drawImage(id) {
	    var imgLI = "<ul >";
	    var flag = false;
	    for (var i = 1; i <= 20; i++) {
            if (imageXml[id]["Image" + i] != "") {
	            flag = true;
	            imgLI += '<li><span><img src="' + imageXml[id]["Image" + i] + '" width="102px" height="77px" border="0" class="thumb" alt="" /></span></li>'
	        }
	    }
	    imgLI += "</ul>";
	    $(".scroll").html(imgLI);
	    var msg = imageXml[id]['Message']
	    if (msg.length > 90) {
	        msg = msg.substring(0, 90)
	        msg += ' ...';
	    }
	    $(".scroll").jCarouselLite({
	        btnNext: ".next",
	        btnPrev: ".prev",
	        //btnGo: [".0", ".1", ".2",".3",".4"],
	        speed: 100,
	        visible: 4
	    });
	    var txtMessage = "<a href='Sales/SaleDescription.aspx?SaleId=" + imageXml[id]['SaleId'] + "'>" + msg + "</a>";
	    $(".featureBg").html(txtMessage);
	}
	function headline_rotate() {
	  current_headline = (old_headline + 1) % headline_count; 
	  $("li.headline:eq(" + old_headline + ")").animate({top: -205},"slow", function() {
		$(this).css('top','210px');
		});
	  $("li.headline:eq(" + current_headline + ")").show().animate({top: 5},"slow");  
	  old_headline = current_headline;
	}
	function theRotator(id) {
	    $('div#' + id + ' ul li').css({ opacity: 0.0 });
	    $('div#' + id + ' ul li:first').css({ opacity: 1.0 });
	    $('div#' + id + ' ul li:first').addClass('show1');
	    setInterval('rotate("' + id + '")', 6000);
	}

	function rotate(id) {
	    var current = ($('div#' + id + ' ul li.show1') ? $('div#' + id + ' ul li.show1') : $('div#' + id + ' ul li:first'));
	    var next = ((current.next().length) ? ((current.next().hasClass('show1')) ? $('div#' + id + ' ul li:first') : current.next()) : $('div#' + id + ' ul li:first'));
	    next.css({ opacity: 0.0 })
	.addClass('show1')
	.animate({ opacity: 1.0 }, 1000);

	    //Hide the current image
	    current.animate({ opacity: 0.0 }, 1000)
	.removeClass('show1');

	};

	function getWindowsOpen(url) {
	    newwindow = window.open(url, '', 'height=300,width=500,scrollbars=1');
	    return false;
	}
	//-->

	function autoRotate() {
	    var CountMax
	    if (navigator.appName == 'Microsoft Internet Explorer') {
	        CountMax = saleCount - 1;
	    }
	    else {
	        CountMax = saleCount
	    }

	    if (autoOn < CountMax) {
	        autoOn++;
	      
	    }
	    else {
	       autoOn = 0;
	    }
	   
	    drawImage(autoOn);
	    $(".Fpaging li").removeClass("paggingActive");
	    $(".Fpaging li").eq(autoOn).addClass("paggingActive");

	   //if not a mac then we need to reset the timeout as no interval setting in internet explorer
	    if (navigator.appName == 'Microsoft Internet Explorer') {

	        setTimeout('autoRotate();', 5000);
	    }
	}
	setTimeout('autoRotate();', 5000);