var mycarousel_itemList = [
	{url: '/images/brands/APC.png', title: '', link:''},
	{url: '/images/brands/AtlanticTech.png', title: '', link:''},
	{url: '/images/brands/Bello.png', title: '', link:''},
	{url: '/images/brands/BERKLINE.png', title: '', link:''},
	{url: '/images/brands/BostonAcoustics.png', title: '', link:''},
	{url: '/images/brands/Chief.png', title: '', link:''},
	{url: '/images/brands/Crestron.png', title: '', link:'/category.phtml?id=64'},
	{url: '/images/brands/D-BOX.png', title: '', link:'/category.phtml?id=51'},
	{url: '/images/brands/Denon.png', title: '', link:''},
	{url: '/images/brands/KALEIDESCAPE.png', title: '', link:''},
	{url: '/images/brands/KEF.png', title: '', link:'/products.phtml?c=638'},
	{url: '/images/brands/KLIPSCH .png', title: '', link:''},
	{url: '/images/brands/LEON.png', title: '', link:''},
	{url: '/images/brands/Marantz.png', title: '', link:''},
	{url: '/images/brands/MitsubishiElectric.png', title: '', link:''},
	{url: '/images/brands/MonsterCable.png', title: '', link:''},
	{url: '/images/brands/NILES.png', title: '', link:''},
	{url: '/images/brands/NiveusMedia.png', title: '', link:''},
	{url: '/images/brands/OMNIMOUNT.png', title: '', link:''},
	{url: '/images/brands/Panasonic.png', title: '', link:'/series.phtml?id=5'},
	{url: '/images/brands/Paradigm.png', title: '', link:'/products.phtml?c=642'},
	{url: '/images/brands/Runco.png', title: '', link:''},
	{url: '/images/brands/sansung.png', title: '', link:''},
	{url: '/images/brands/SharpAquos.png', title: '', link:''},
	{url: '/images/brands/Sonos.png', title: '', link:'/products.phtml?c=635'},
	{url: '/images/brands/Sony.png', title: '', link:'/series.phtml?id=6'},
	{url: '/images/brands/SonyES.png', title: '', link:'/products.phtml?c=636'},
	{url: '/images/brands/Stewart.png', title: '', link:''},
	{url: '/images/brands/Sunfire.png', title: '', link:''},
	{url: '/images/brands/YAMAHA.png', title: '', link:'/products.phtml?c=637'},
	{url: '/images/brands/Parrot.png', title: '', link:'/products.phtml?c=639'}
];

var banner_nr = 1;
var interval = setInterval("changeBanners()",5000);
$(document).ready(function(){
	
	 var $jc = $.jcarousel;
    $jc.fn.extend({
        startAuto: function(s) {

            if (s !== undefined) {
                this.options.auto = s;
            }

            if (this.options.auto === 0) {
                return this.stopAuto();
            }

            if (this.timer !== null) {
                return;
            }

            this.autoStopped = false;

            var self = this;

            //console.log(this.options.auto);
            if (this.options.auto < 0) {
                this.timer = window.setTimeout(function() {
                    self.prev();
                }, -this.options.auto * 1000);
            } else {
                this.timer = window.setTimeout(function() {
                    self.next();
                }, this.options.auto * 1000);
            }
        }
    });
	
	
	$('.homeScrolBtn').find('a').each(function(){
		$(this).mouseover(function(){
			var CName = $(this).attr('class');
			if (CName != 'overSelected') {
				$(this).attr('class','over');
			}
		});
		$(this).mouseout(function(){
			var CName = $(this).attr('class');
			if (CName != 'overSelected') {
				$(this).attr('class','');
			}
		});
		$(this).click(function(){
			var bid = $(this).attr('id').split('_');
			changeBannerNr(bid[1]);
			fadeBanner(bid[1]);
			resetTimer();
			resetMenuItems(bid[1]);
		});
	});
	$('#mycarousel').jcarousel({
		auto: 3,
        wrap: 'circular',
        initCallback: mycarousel_initCallback/*,
        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}*/
    });
});
function resetMenuItems(id) {
	$('.homeScrolBtn').find('a').each(function(){
		$(this).attr('class','');
	});
	$('#ps_'+id).attr('class','overSelected');
}
function fadeBanner(banner) {
	resetMenuItems(banner);
	$('.homeBanners').find('img:visible').each(function(){
		$(this).fadeOut('slow');
	});
	$("#banner_"+banner).fadeIn('slow');
}
function changeBanners() {
	if(banner_nr == bannerCount) {
		var next_banner = 1;
		var prev_banner = banner_nr-1;
	}
	else {
		if(banner_nr == 1) {
			var next_banner = banner_nr+1;
			var prev_banner = bannerCount;
		}
		else {
			var next_banner = banner_nr+1;
			var prev_banner = banner_nr-1;
		}
	}
	$("#banner_"+banner_nr).fadeOut('slow');
    $("#banner_"+next_banner).fadeIn('slow');
    resetMenuItems(next_banner);
	if(banner_nr == bannerCount) {
		banner_nr = 1;
	}
	else {
		banner_nr = banner_nr+1;	
	}
}
function changeBannerNr(nr) {
	banner_nr = parseInt(nr);
	
	if(banner_nr == bannerCount) {
		var next_banner = 1;
		var prev_banner = banner_nr-1;
	}
	else {
		if(banner_nr == 1) {
			var next_banner = banner_nr+1;
			var prev_banner = bannerCount;
		}
		else {
			var next_banner = banner_nr+1;
			var prev_banner = banner_nr-1;
		}
	}
}
function resetTimer() {
	clearInterval(interval);
	interval = setInterval("changeBanners()",5000);
}
function mycarousel_initCallback(carousel) {
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        if(carousel.options.auto < 0) {
            carousel.startAuto(-carousel.options.auto);
        }
    });
    carousel.buttonPrev.bind('click', function() {
        if(carousel.options.auto > 0) {
            carousel.startAuto(-carousel.options.auto);
        }
    });
    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};
function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
{
    // The index() method calculates the index from a
    // given index who is out of the actual item range.
    var idx = carousel.index(i, mycarousel_itemList.length);
    carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
};

function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt)
{
    carousel.remove(i);
};

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(item)
{
    return '<a href="'+item.link+'"><img src="' + item.url + '" height="67" alt="' + item.title + '" border="0" /></a>';
};