function submitForm(formName,page) {
	var f=document.getElementById(formName);
	f.action=page;
	f.submit();
}

function displayPopup(pagename, popupname) {
	window.open (pagename, popupname, config='width=450, height=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no')
}

window.onload = function () {
            
	//alert("!");		
	$(".handle").css("display","block");
	$(".slider").css("display","block");
	var container = $('div.sliderGallery');
	var ul = $('ul', container);
	var itemsWidth = ul.innerWidth() - container.outerWidth();
	//alert(itemsWidth);
	$('.slider', container).slider({
		min: 0,
		max: itemsWidth,
		handle: '.handle',
		stop: function (event, ui) {
			ul.animate({'left' : ui.value * -1}, 500);
		},
		slide: function (event, ui) {
			ul.css('left', ui.value * -1);
		}
	});
};
$(document).ready(function(){
	
	/*********** slickbox (show/hide content) ***********/
	// hides the slickbox as soon as the DOM is ready
	// (a little sooner than page load)
	$('.toggleHide').hide();
	// then toggles the slickbox on clicking the noted link
	$('a.slick-toggle').click(function() {
	
		$(this).next('div.toggleHide').slideToggle(400);
		
		return false;
	});	
	
	
	/*********** innerfade: Image Swap ***********/
	$('#imageSwap').animatedinnerfade({ 
            speed: 1000, 
            timeout:  5000, 
            type: 'sequence', 
            containerheight: '350px', 
            containerwidth: '400px',  
            animationtype: 'fade',
	    	animationSpeed: 0,
			controlBox: 'show',
	    	controlBoxClass: 'galleryBF',
	    	controlButtonsPath: '/imgs',
            displayTitle: 'yes'
  	}); 
	
	
	/************ Transition Gallery ************/
	$("#transitionGallery").transition({
			displayTime: 8000,
			transitionTime: 1000,
			autoRun: true,
			displayTitle: false,
			width: 312,
			height: 392,
			noBox: true,
			thumbSize: 55
	});
	
	
	/************* HOVER FUNCTION ******************/
	var $imgHover = $(".TXTcol .imgHover");
	//function () {  }
	$imgHover.hover(
		function (e) { 
			var spanContent = $("span",$(this).parent()).html();
			var spanLink = $($(this).parent()).attr("href");

			var pos = $(this).parent().parent().position();
			var top = pos["top"]+35;
			var left = pos["left"]+25;
/*			if(jQuery.browser['msie'] == true) {
				pos = $(this).parent().parent().position();
				//alert(pos["left"]);
				var top = pos["top"]+35;
				var left = pos["left"];
			} else {
				
			}*/
			
			var $hoverHolder = $(".hoverHolder",$(this).parent().parent().parent());
			
			$hoverHolder.html(spanContent);
			$hoverHolder.parent().attr("href",spanLink);
			//alert($hoverHolder.parent().parent().html());
			$hoverHolder.css("top",top);
			$hoverHolder.css("left",left);
			$hoverHolder.parent().parent().show();
			$hoverHolder.show();
			$hoverHolder.hover(
				   function () { $(this).show(); },
				   function () { $(this).show(); }
			);
			
		}
	,			
		function () { 
			var $hoverHolder = $(".hoverHolder",$(this).parent().parent().parent());
			//alert($hoverHolder.html());
			$hoverHolder.hide();
			//alert($hoverHolder.html());
			//alert($hoverHolder.html());
		} 
	);
			
	
});