String.prototype.endsWith = function(pattern) {
    var d = this.length - pattern.length;      
    return d >= 0 && this.lastIndexOf(pattern) === d;
};
var id = 0;
var used = true; // Banner is used in either middle or right
var countdownActive = false;

var timer = null,
	rotateBanner = function() {
		var n = $('#cross-links div.link').length,
			bannerC = $.extend(true, [], banners),
			bannerC = $.grep(bannerC, function(value) {
				for(var i = 0; i < $('a img', '#cross-links div.link').length; i++)
					if ($('#cross-links div.link:eq(' + i + ') a img').attr('src').endsWith(value[1])){
                        if(value[4] == '1'){
                            countdownActive = true;
                        }
						return false;
                    }
				return true;
			});
            if(id >= bannerC.length){
                id = 0; // Start over
            }
            var newBanner = bannerC[id];
            id += 1;

        var price = false;
        if(newBanner[3])
             price = newBanner[3];
        var action = 'normal';

        
        // Countdownbanner: In case one of the banners is countdownbanner
        // Later it will be forced only to be shown in middle

        /*
            One of the 3 bannerfields will be changed in this setup:
            random = 0: Dynamic product in left
            random = 1: Normal product in middle
            random = 2: Normal product in right
        */
        if(price){ // Check if the price exist, otherwise its not a dynamic live product
            random = 0;
            action = 'dynamic';   
        }else{  // Then it's a normal product that has random 1 (middle) or 2 (right) field
            if(used && !countdownActive){
                random = 1;
                used = false;
            }else{
                random = 2;
                used = true;
            }
            action = 'normal';           
        }    
        
        if(action == 'normal'){

            //$('#cross-links div.link:eq(' + random + ') #countdown div').html('');

            $('#cross-links div.link:eq(' + random + ') a').attr('href', newBanner[0]);
            $('#cross-links div.link:eq(' + random + ') a img').attr('src', '');
            $('#cross-links div.link:eq(' + random + ') a img').attr('src', 'http://images-sportigan.dk/x/x/scale/p/' + newBanner[1]);
            $('#cross-links div.link:eq(' + random + ') a span#banners_title').html('');
            $('#cross-links div.link:eq(' + random + ') a span#banners_price').html('');
            $('#cross-links div.link:eq(' + random + ') a img').attr('id','bigpic');
            $('#cross-links div.link:eq(' + random + ') a').fadeIn('slow');
        }else if(action == 'dynamic'){
            $('#cross-links div.link:eq(' + random + ') a').attr('href', newBanner[0]);
            $('#cross-links div.link:eq(' + random + ') a img').attr('src', '');
            $('#cross-links div.link:eq(' + random + ') a img').attr('src', 'http://images-sportigan.dk/120/120/scale/p/' + newBanner[1]); 
            $('#cross-links div.link:eq(' + random + ') a span#banners_title').html('<span class="banner-product-name">' + newBanner[2] + '</span><span class="read-more">Lęs mere</span>');
            $('#cross-links div.link:eq(' + random + ') a span#banners_price').html(price + ',- DKK');
            $('#cross-links div.link:eq(' + random + ') a img').attr('id','');
            $('#cross-links div.link:eq(' + random + ') a').fadeIn('slow');
        }
                                                       
        var delay = 5000; // Test 1000, Standard 5000
		timer = setTimeout('rotateBanner();', delay);   
};

$(document).ready( function() {   
	var	applyRotateScript = function() {
			timer = setTimeout('rotateBanner();', 5000);
		},
		stopRotate = function() {
			clearTimeout(timer);
			timer = null;
 		};

	$('#cross-links').hover(stopRotate, applyRotateScript);
	applyRotateScript();     
});