jQuery(document).ready(function(){
    var data;
    jQuery.get('slider.xml', {}, function(xml){
        data = xml
        a = jQuery(data).find('see_all')[0]
        if (jQuery(a).find('display').text()==1)
        {
            jQuery('.seeall').show();
            jQuery('.seeall a').attr('href',  jQuery(a).find('link').text())
        }
        setTimeout('fill_num()', 5)
        i = 0
        intID = setInterval('slider()', 6000)
        num = '';
        m = jQuery(data).find('slider').length
    }, 'xml')
    


    slider =  function()
    {
             
        if (i<jQuery(data).find('slider').length-1)
            i++
        else
            i=0;
        
        a = jQuery(data).find('slider')[i]
        fill_text()
        jQuery('.slider_hidden').fadeOut(1000)
        jQuery('.slider_show').fadeIn(1000)
        jQuery('.num_ul li a').removeClass('num_active')
        jQuery('.num_ul li a').each(function(){
            if (i+1 == jQuery(this).text())
            {
                //                alert(i+' '+jQuery(this).text())

                jQuery(this).addClass('num_active')
            }
        })
        if (i<5)
            jQuery('.num_ul').css('left',0)
        else
            jQuery('.num_ul').css('left',-36*(i-4))

    }
    fill_num =  function()
    {
        var i=1
        //        alert(jQuery(data).find('slider').length)
        for(i=0; i<jQuery(data).find('slider').length+1; i++)
        {
            num+='<li style=" float:left;  list-style:none outside none;"><a id="slidenumb" href="#">'+(i+1)+'</a></li>'
        }
        size = i*35;
        jQuery('.num_ul').css('width', size+'px')
        jQuery('.num_ul').html(num)
        
        jQuery('.num_ul').find('li').addClass('num_li')
        i = 0
        a = jQuery(data).find('slider')[i]
        jQuery('.slider_hidden').hide()
        fill_text()
        jQuery('.slider_hidden').hide()
        jQuery('.slider_show').show()
        jQuery('.num_ul li a').removeClass('num_active')
        jQuery('.num_ul li a').each(function(){
            if (i+1 == jQuery(this).text())
            {
                jQuery(this).addClass('num_active')
            }
        })
        jQuery('.num_ul li a').bind('click', function(){
            //            alert('clearTimeout')
            clearTimeout(intID)
            var i = jQuery(this).text()-1
            a = jQuery(data).find('slider')[i]
            
            fill_text()
            jQuery('.slider_hidden').fadeOut(1000)
            jQuery('.slider_show').fadeIn(1000)
            jQuery('.num_ul li a').removeClass('num_active')
            jQuery('.num_ul li a').each(function(){
                if (i+1 == jQuery(this).text())
                {
                    jQuery(this).addClass('num_active')
                }
            })
        })
    }

    jQuery('#right_arrow').click(function(){
        left = jQuery('.num_ul').css('left');
        var re = /[a-z]/gi
        var b = left.replace(re, '')*1-36
        var size =  jQuery('.num_ul').css('width').replace(re, '')*1
        if (b<-size+36*5)
        {
            b = left.replace(re, '')*1
        }
        
        //        alert(b)
        left = jQuery('.num_ul').css('left',b)
        return false;

    })
    jQuery('#left_arrow').click(function(){
        left = jQuery('.num_ul').css('left');
        var re = /[a-z]/gi
        b = left.replace(re, '')*1+36
        if (b>34)
        {
            b=0
        }

        //        alert(b)
        left = jQuery('.num_ul').css('left',b)
        return false;

    })
    var fill_text =  function()
    {
        jQuery('.slider_el:hidden').find('.sliderimg').css('background-image', 'url("images/'+jQuery(a).find('src').text()+'")');

        jQuery('.slider_el').toggleClass('slider_hidden')
        jQuery('.slider_el').toggleClass('slider_show')
        var text = jQuery(a).find('text3').text();
        var text_arr = text.split(' ');
        text = ''
        for (k=0; k<15; k++)
        {
            if (k<text_arr.length)
                text+=' '+text_arr[k]
        }
        
        if (jQuery(a).find('link').text().length>0)
        {
            text+='&nbsp;&nbsp<a href="'+jQuery(a).find('link').text()+'">Learn More &gt;</a>'
        }

        jQuery('.slider_el:hidden').find('.sl_text').html(text)
    //        debugger;
    }
    
})