﻿
$(document).ready(function () {

	jqzoomMainPic();
	$('#tabs').simpleTabs();

	var carousel = $('#thumbBack');
	carousel.jcarousel({
		scroll: 3
	});

	//TODO: make this an id not class
	$('#mainContent > div.text-block').colapseContent();

	
	$('.jcarousel-prev').click(unSelect);
	$('.jcarousel-next').click(unSelect);

});

function unSelect() {
	if (document.selection && document.selection.empty) {
		document.selection.empty();
	}
	else if (window.getSelection) {
		var sel = window.getSelection();
		sel.removeAllRanges();
	}
}

function jqzoomMainPic() {
	var options = {
		zoomType: 'reverse',
		zoomWidth: 350,
		zoomHeight: 350,
		xOffset: 10,
		yOffset: 0,
		preloadImages: false,
		position: "right" //and MORE OPTIONS
	};
	var mainPic = $('#mainPic');
	mainPic.jqzoom(options);
	mainPic.attr('alt', ''); //prevent tooltip in IE;
}

jQuery.fn.simpleTabs = function () {
	this.each(function (index) {
		var $tab = $(this);
		var $baseBoxName = '#' + $tab.attr('id') + '-box-';
		var $allTabs = $tab.find('ul li a');

		$allTabs.click(function (event) {
			var $clickedTab = $(this);
			event.preventDefault();
			$allTabs.filter('.selected').removeClass('selected').addClass('free');
			$clickedTab.removeClass('free').addClass('selected');
			var target = $clickedTab.attr('href');
			var clickedIndex = $allTabs.index($(this));
			var targetTabBoxName = $baseBoxName + clickedIndex;
			var targetTabBox = $(targetTabBoxName);
			if (target.substring(0, 1) != '#') {
				$.ajax({
					url: target,
					beforeSend: function () {
					},
					success: function (html) {
						targetTabBox.html(html);
						$clickedTab.attr('href', targetTabBoxName);
					}
				});

			}
			//
			showHideTabBox($allTabs, $baseBoxName);
			//alert($clickedIndex);
		});
		//$nonSelectedTabs = $allTabs.not('.selected');
		showHideTabBox($allTabs, $baseBoxName);
	});
};


function showHideTabBox(allTabs, baseBoxName) {
	allTabs.each(function (index) {

		var $boxName = baseBoxName + index;
		var $box = $($boxName);
		if ($(this).is('.selected')) {
			$box.show();
		}
		else {
			$box.hide();
			//alert($(this).attr('href'));
		}
	});
}
	
