// JavaScript Document to handle the LJ Create JS Banner.
// Created by Daren 6th September 2010.

var iSlideIndex = -1;
var iFadeInTime = 2000;
var iFadeOutTime = 2000;
var iTimeBetweenSlides = 9000;
var iChanceOfSlide = 5;
var iNumOfSlides = 1;

$(document).ready(function(){
  $(".bannerHolder").css( { position:'absolute', width:556, height:250, clip:'rect(0px 556px 250px 0px)', display:'none' } );
  iNumOfSlides = ($(".bannerHolder img").size())-1;
  $(".bannerHolder img").css( { position: 'absolute', left: 0, top: 0, display: 'none'} );
  $(".bannerHolder p").css( { position: 'absolute', left: 330, top: 20, height:200, width:200, display: 'none'} );
  $(".bannerHolder").append('<img src="http://www.ljcreate.com/img/LJFrame.png" class="bannerFrame"/>');
  $(".bannerHolder").show();
  if ($.browser.msie)
    $(".bannerHolder p").css( { 'font-weight':'bold', 'font-size':'large', 'color':'#FFF', 'margin':'10px', 'filter':'alpha(opacity=100)'} );
  else
    $(".bannerHolder p").css( { 'text-shadow': 'black 0.1em 0.1em 0.1em', 'font-weight':'bold', 'font-size':'large', 'color':'#FFF', 'margin':'10px' } );
  startSlides();
});

function startSlides()
{
  nextSlide();
}

function nextSlide()
{
var iNextSlide = 0;
var randomNumber=Math.floor(Math.random()*iChanceOfSlide);

	if (iSlideIndex < iNumOfSlides) iNextSlide=iSlideIndex+1; 	
	if (iSlideIndex>-1)
	{
	  $('.bannerHolder img:eq('+iSlideIndex+')').fadeOut(iFadeOutTime);
      $('.bannerHolder p:eq('+iSlideIndex+')').customFadeOut(iFadeOutTime);
	}
	
	$('.bannerHolder img:eq('+iNextSlide+')').fadeIn(iFadeInTime);
    $('.bannerHolder p:eq('+iNextSlide+')').customFadeIn(iFadeInTime);
	
	iSlideIndex = iNextSlide;
    var t=setTimeout("nextSlide()",iTimeBetweenSlides);
}

(function($) {
	$.fn.customFadeIn = function(speed, callback) {
		$(this).fadeIn(speed, function() {
			if(jQuery.browser.msie)
				$(this).get(0).style.removeAttribute('filter');
			if(callback != undefined)
				callback();
		});
	};
	$.fn.customFadeOut = function(speed, callback) {
		$(this).fadeOut(speed, function() {
			if(jQuery.browser.msie)
				$(this).get(0).style.removeAttribute('filter');
			if(callback != undefined)
				callback();
		});
	};
})(jQuery);
