﻿function mycarousel_initCallback(carousel) {
	// Disable autoscrolling if the user clicks the prev or next button.
	carousel.buttonNext.bind('click', function() {
		carousel.startAuto(0);
	});

	carousel.buttonPrev.bind('click', function() {
		carousel.startAuto(0);
	});

	 // Pause autoscrolling if the user moves with the cursor over the clip.
	carousel.clip.hover(function() {
		carousel.stopAuto();
	}, function() {
		carousel.startAuto();
	});
	
	$('div.PageButtons a').bind('click', function() {
		carousel.startAuto(0);
		//var pageVal = 1;
		//if ( $(this).attr("ref") != 1 ) { pageVal = pageVal * 1; }
		carousel.scroll( $(this).attr("ref") );
		return false;
	}); 
}

function bindImagePopups() {
/*
	$("#PhotoScroller").find("a[rel = Gallery]").fancybox({
		cyclic: true,
		autoscale: true,
		titlePosition: 'inside',
		changeFade: 500,
		speedIn: 500,
		speedOut: 500
	});
*/
	$("div.Event div.Photos").find("a[rel = EventGallery]").fancybox({
		cyclic: true,
		autoscale: true,
		titlePosition: 'inside',
		changeFade: 500,
		speedIn: 500,
		speedOut: 500
	});
	
	$("div.EventImages").find("a[rel = EventGallery]").fancybox({
		cyclic: true,
		autoscale: true,
		titlePosition: 'inside',
		changeFade: 500,
		speedIn: 500,
		speedOut: 500
	});
/*
	$("a.TestCar").fancybox({
		autoscale: true,
		titlePosition: 'inside',
		changeFade: 500,
		speedIn: 500,
		speedOut: 500
	});
*/
	$("a[rel = Gallery]").fancybox({
		autoscale: true,
		titlePosition: 'inside',
		changeFade: 500,
		speedIn: 500,
		speedOut: 500
	});	


}

function bindScrollers() {
	$('#PhotoScroller').jcarousel({
		auto: 10,
		scroll: 1,
		animation: 5000,
		wrap: 'circular',
		initCallback: mycarousel_initCallback
	});

	//$("#PhotoScroll").scrollable({ circular: true, speed: 2000 }).autoscroll({ interval: 15000 });
	var root =  $("#ProductsScroll").scrollable({ circular: true, speed: 2000, vertical: true }).autoscroll({ interval: 4000 });
	window.api = root.data("scrollable"); 
	
	
	$("a.prev").click(function() {
		api.stop();
	});
	
	$("a.next").click(function() {
		api.stop();
	});
	
}

function bindBannerEffects() {

}

function bindLogoEffects() {

}

function bindHovers() {

	$("table.Vendors").find("a").hover(function () {
		$(this).children("img").fadeTo(500, 1);
	}, function () {
		$(this).children("img").fadeTo(500, 0);
	});

	$("#PhotoScroll").find("a").hover(function () {
		$(this).children("img").fadeTo(500, 1);
	}, function () {
		$(this).children("img").fadeTo(500, 0.6);
	});

	$("#ProductsScroll").find("a").hover(function () {
		$(this).find("img").fadeTo(500, 1);
		$(this).find("span").animate({ color:'#ffffff' }, 500 );
	}, function () {
		$(this).find("img").fadeTo(500, 0.6);
		$(this).find("span").animate({ color: '#aaaaaa' }, 500 );
	});
}

function bindMediaGalleryAjax() {

	$("a.LoadGallery").click(function() {
		
		
		$("div.RightColumn").html('<img src="/images/ajax-loader.gif" alt="Loading....Please wait....." class="LoadingImage" />');
		$("div.RightColumn").load( $(this).attr("href") + " div.Images", function() {
			
			$("a[rel = gallery]").fancybox({
				autoscale: true,
				titlePosition: 'inside',
				changeFade: 500,
				speedIn: 500,
				speedOut: 500
			});
			
			$("a[rel = gallery]").hover(function () {
				$(this).fadeTo(500, 1);
			}, function () {
				$(this).fadeTo(500, 0.6);
			});
		
		});
		
		return false;
			
	});
	
}

function rotateBanner() {
	
	// Fade out entire banner
	$("#Banner").find("li.Current").hide();
	
	// Get next banner
	if ( $("#Banner").find("li.Current").next().length != 0 ) {
		var current = $("#Banner").find("li.Current");
		$(current).next("li").addClass("Current");
		$(current).removeClass("Current");
	} else {
		$("#Banner").find("li.Current").removeClass("Current");
		$("#Banner").find("li:first").addClass("Current");
	}
	
	$("#Banner").find("li.Current").find("img").fadeTo(1, 0);
	$("#Banner").find("li.Current").find("h1").fadeTo(1, 0);
	$("#Banner").find("li.Current").find("h2").fadeTo(1, 0);
	$("#Banner").find("li.Current").find("a").fadeTo(1, 0);
	

	setTimeout( function() {
	
	$("#Banner").find("li.Current").show();
	
	// Slide in image
	$('#Banner').find('li.Current').find('img').fadeTo(500, 1);
	
	// Fade in Main heading
	setTimeout ( "$('#Banner').find('li.Current').find('h1').fadeTo(1000, 1);", 500 );
	setTimeout ( "$('#Banner').find('li.Current').find('h2').fadeTo(1000, 1);", 1500 );

	// Fade in Article button
	setTimeout ( "$('#Banner').find('li.Current').find('a').fadeTo(1000, 1);", 2500 );
	
	setTimeout ( "rotateBanner();", 10000 );
	
	}, 1000 );
	
	
}

function fadeInFirstBanner() {
	
	$("#Banner").find("li:first").addClass("Current");
		
	$("#Banner").find("li.Current").find("img").fadeTo(1, 0);
	$("#Banner").find("li.Current").find("h1").fadeTo(1, 0);
	$("#Banner").find("li.Current").find("h2").fadeTo(1, 0);
	$("#Banner").find("li.Current").find("a").fadeTo(1, 0);
	
	$("#Banner").find("li.Current").show();
	
	// Slide in image
	$('#Banner').find('li.Current').find('img').fadeTo(500, 1);
	
	// Fade in Main heading
	setTimeout ( "$('#Banner').find('li.Current').find('h1').fadeTo(1000, 1);", 500 );
	setTimeout ( "$('#Banner').find('li.Current').find('h2').fadeTo(1000, 1);", 1500 );

	// Fade in Article button
	setTimeout ( "$('#Banner').find('li.Current').find('a').fadeTo(1000, 1);", 2500 );
	
	setTimeout ( "rotateBanner();", 10000 );
	
}

$(document).ready(function () {
	
	setTimeout ( "fadeInFirstBanner();", 1000 );

	bindMediaGalleryAjax();
	
	bindImagePopups();
	bindHovers();
}); 
