﻿/*
 *	Last Updated: 5th March 2010
 *	Copyright 2010 Alert Communications
 *	www.alert.com.mt
 */

var selectedthumb = "";
var blnAnimReady;
var timer;

function animateNext() {
		if ($("li.selected").index() == 4) {
			$("li.selected").parent().children("li").eq(0).trigger('mouseover');
		} else {		
			$("li.selected").next().trigger('mouseover');
		}
		window.clearTimeout(timer);
		timer = window.setTimeout ("animateNext()", 10000 );		
}

timer = window.setTimeout ("animateNext()", 10000 );

(function($){
// Banner Functions
$.fn.bannerSlider = function(options){
		
	var objBanner = $(this),
	blnAnimReady = true;

    img1 = new Image();
    img2 = new Image();
    img3 = new Image();
    img4 = new Image();
    img5 = new Image();

    img1.src = $("input[name=txtBannerFile]").eq(0).val();
    img2.src = $("input[name=txtBannerFile]").eq(1).val();
    img3.src = $("input[name=txtBannerFile]").eq(2).val();
	img4.src = $("input[name=txtBannerFile]").eq(3).val();
    img5.src = $("input[name=txtBannerFile]").eq(4).val();


	// Get Banner Code
	$.fn.bannerSlider.getBannerCode = function(strBannerText, strBannerFile, intBannerType, intBannerWidth, intBannerHeight){
		var strBannerHTML = "";
		
		switch(intBannerType){
			case 1: // SWF
				strBannerHTML = "<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"https://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0\" width=\"" + intBannerWidth + "\" height=\"" + intBannerHeight + "\">";
				strBannerHTML += "<param name=\"movie\" value=\"" + strBannerFile + "\" />";
				strBannerHTML += "<param name=\"quality\" value=\"high\" />";
				strBannerHTML += "<param name=\"wmode\" value=\"transparent\" />";
				strBannerHTML += "<embed src=\"" + strBannerFile + "\" width=\"" + intBannerWidth + "\" height=\"" + intBannerHeight + "\" wmode=\"transparent\" quality=\"high\" type=\"application/x-shockwave-flash\" pluginspage=\"https://www.adobe.com/go/getflashplayer\" />";
				strBannerHTML += "</object>";
			break;
			
			case 2: // JPG/GIF
				strBannerHTML = "<img src=\"" + strBannerFile + "\" width=\""+ intBannerWidth + "\" height=\""+ intBannerHeight + "\" alt=\""+ strBannerText + "\" />"
			break;
		}
		return strBannerHTML;
	}
	
	// Change Banner
	$.fn.bannerSlider.changeBanner = function(strBannerCode, strBannerURL, strBannerText, selectedLI){
		var strBannerHTML = "";
		
		if(blnAnimReady){
			blnAnimReady = false;
			strBannerHTML += "<div class=\""+ options.bannerHolderCSS +"\">"
			strBannerHTML += "<a href=\"" + strBannerURL + "\" class=\""+ options.captionCSS +"\">";
			strBannerHTML += "<div class=\"spacer\">&nbsp;</div>";
			strBannerHTML += "<span class=\"cholder\">";
			strBannerHTML += "<span class=\"text\">" + strBannerText + "</span>";
			strBannerHTML += "</span>";			
			strBannerHTML += "</a><div class=\"pos\">";
			strBannerHTML += strBannerCode;
			strBannerHTML += "</div></div>";
			
			//Check if there is an image to hide
			
			
			$(objBanner).append(strBannerHTML);		
			
			if($("." + options.bannerHolderCSS).length > 1){
				$("." + options.bannerHolderCSS + ":first .pos", objBanner).parent().remove();
			}
			
			if (selectedLI != selectedthumb) {
					if (selectedLI != null) { 
						if (selectedthumb != "") {
							$(selectedthumb).removeClass("selected").bind("mouseover",  function(){
								var strBannerText = $("input[name=txtBannerText]", $(this)).val().split("||"),
								strBannerFile = $("input[name=txtBannerFile]", $(this)).val(),
								strBannerURL = $("input[name=txtBannerURL]", $(this)).val(),
								intBannerType = parseInt($("input[name=txtBannerType]", $(this)).val(), 10),
								strBannerCode = $().bannerSlider.getBannerCode(strBannerText[1], strBannerFile, intBannerType, options.imageWidth, options.imageHeight);
								$().bannerSlider.changeBanner(strBannerCode, strBannerURL, strBannerText[1], $(this));
							});
						} selectedLI.addClass("selected").unbind("mouseover");
					} else { 
						$("#banner2 .thumbnails li:first-child").addClass("selected").unbind("mouseover"); 
					}
					selectedthumb = $("#banner2 .thumbnails li.selected");
				}				
			
			$("." + options.bannerHolderCSS + ":last .pos", objBanner).fadeIn(1, function(){
				blnAnimReady = true;
			});		
		}
	}
	
	// Initiate Banner
	$.fn.bannerSlider.initiateBanner = function(intItemIndex){
		var strBannerText = $("." + options.thumbnailsCSS + " li(" + intItemIndex + ") input[name=txtBannerText]", objBanner).val().split("||"),
			strBannerFile = $("." + options.thumbnailsCSS + " li(" + intItemIndex + ") input[name=txtBannerFile]", objBanner).val(),
			strBannerURL = $("." + options.thumbnailsCSS + " li(" + intItemIndex + ") input[name=txtBannerURL]", objBanner).val(),
			intBannerType = parseInt($("." + options.thumbnailsCSS + " li(" + intItemIndex + ") input[name=txtBannerType]", objBanner).val(), 10),
			strBannerCode = $().bannerSlider.getBannerCode(strBannerText[1], strBannerFile, intBannerType, options.imageWidth, options.imageHeight);
			
		$().bannerSlider.changeBanner(strBannerCode, strBannerURL, strBannerText[1]);
	}
	
	//Thumbnails
	$("#banner2 .thumbnails li", objBanner)
		.each(function(){
			var strBannerText = $("input[name=txtBannerText]", $(this)).val().split("||"),
				strBannerFile = $("input[name=txtBannerFile]", $(this)).val(),
				strBannerURL = $("input[name=txtBannerURL]", $(this)).val(),
				intBannerType = parseInt($("input[name=txtBannerType]", $(this)).val(), 10),
				strThumbCode = "";
				
			strThumbCode += "<table><tbody><tr><td>";	
			strThumbCode += "<a href='"+strBannerURL+"' class='thumbLink'></a>";	
			strThumbCode += "<div>";
			strThumbCode += strBannerText[0];
			strThumbCode += "</div>";
			strThumbCode += "</td></tr></tbody></table>";
			/*strThumbCode += $().bannerSlider.getBannerCode(strBannerText, strBannerFile, intBannerType, options.thumbsWidth, options.thumbsHeight);*/
			
			$(this).append(strThumbCode);
			
		})

		$("#banner2 .thumbnails li", objBanner).live("mouseenter", function(){
			var strBannerText = $("input[name=txtBannerText]", $(this)).val().split("||"),
				strBannerFile = $("input[name=txtBannerFile]", $(this)).val(),
				strBannerURL = $("input[name=txtBannerURL]", $(this)).val(),
				intBannerType = parseInt($("input[name=txtBannerType]", $(this)).val(), 10),
				strBannerCode = $().bannerSlider.getBannerCode(strBannerText[1], strBannerFile, intBannerType, options.imageWidth, options.imageHeight);
				
			$().bannerSlider.changeBanner(strBannerCode, strBannerURL, strBannerText[1], $(this));
			
			window.clearTimeout(timer);
			
			$(this).bind("mouseleave", function() {
				timer = window.setTimeout ("animateNext()", 10000 );
				$(this).unbind("mouseleave");
			});
			
		}).bannerSlider.initiateBanner(0);
		
		$("#banner .spacer").live("mouseenter", function() {
			window.clearTimeout(timer);
			
			$(this).bind("mouseleave", function() {
				timer = window.setTimeout ("animateNext()", 10000 );
				$(this).unbind("mouseleave");
			});
		});
		
}
})(jQuery);

$(document).ready(function(){
	try{
		$("#banner").bannerSlider(
			options = {
				thumbsWidth:172,
				thumbsHeight: 89,
				imageWidth:516,
				imageHeight: 450,
				bannerHolderCSS: "current-banner",
				thumbnailsCSS: "thumbnails",
				captionCSS: "caption"
			}
		)
	}catch(ex){
		//console.log(ex);
	}
})
