/* Initialize */
(function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery)

$(document).ready(function(){
	
	var count = 0;
	var pics = new Array(
		"img/slide_1.jpg",
		"img/slide_2.jpg",
		"img/slide_3.jpg",
		"img/slide_4.jpg",
		"img/slide_5.jpg",
		"img/slide_6.jpg"
	);
	for (var i=1;i<pics.length;i++){
		$('#displayOn').prepend('<img id="picc'+i+'" class="absolute" style="z-index:'+(i+1)+';" src="" />');
		$('#picc' + i).hide();
	}
	

	
	jQuery.preLoadImages(pics[count+1]);
	
	if ($.browser.msie && $.browser.version.substr(0,1)<=8) {
		$('#arrowLeft').click(function() {
			if (count > 0){
				count--;
				//$('#picc' + count).attr("src",pics[count]);
				$('#picc' + (count+1)).fadeOut(1000);
				$('#picc' + count).fadeIn(1000);
				$('#arrowRight').show()
			}
			if (count == 0){
				$('#arrowLeft').hide()
			}
			return false;
		}).hide();
		$('#arrowRight').click(function() {
			if (count < pics.length-1){
				count++;
				jQuery.preLoadImages(pics[count+1]);
				$('#picc' + count).attr("src",pics[count]);
				$('#picc' + count).fadeIn(1000);
				$('#picc' + (count-1)).fadeOut(1000);
				$('#arrowLeft').show()
			}
			if (count == pics.length-1) {
				$('#arrowRight').hide()
			}
			return false;
		}).show();
	} else {
		$('#arrowLeft').click(function() {
			if (count > 0){
				count--;
				//$('#picc' + count).attr("src",pics[count]);
				$('#picc' + (count+1)).fadeOut(1000);
				$('#picc' + count).fadeIn(1000);
				$('#arrowRight').css({opacity: 0.9});
			}
			if (count == 0){
				$('#arrowLeft').css({opacity: 0.05});
			}
			return false;
		}).css({opacity: 0.05});
		$('#arrowRight').click(function() {
			if (count < pics.length-1){
				count++;
				jQuery.preLoadImages(pics[count+1]);
				$('#picc' + count).attr("src",pics[count]);
				$('#picc' + count).fadeIn(1000);
				$('#picc' + (count-1)).fadeOut(1000);
				$('#arrowLeft').css({opacity: 0.9});
			}
			if (count == pics.length-1) {
				$('#arrowRight').css({opacity: 0.05});
			}
			return false;
		}).css({opacity: 0.9});
		
		$('#arrowRight').mouseover(function() {
			if (count<pics.length-1)
				$(this).css({opacity: 1.0});  
		}).mouseout(function(){
			if (count<pics.length-1)
				$(this).css({opacity: 0.9});
		});
		$('#arrowLeft').mouseover(function() {
			if (count>0)
				$(this).css({opacity: 1.0});  
		}).mouseout(function(){
			if (count>0)
				$(this).css({opacity: 0.9});
		});
	}
});