﻿var curMenu = 1;
var curItem = 1;
var maxItem = new Array(2,1,1);
var prodOpen = false;

$(document).ready(function(){
	changeMenu(document.getElementById("productsTab"),1);
});

function selectPage(i) {
	curItem = i;

	$("#infoBox .content .padding").html($("#item"+curMenu+"_"+i).html());
	$("#infoBox .pagination .left a").removeClass("active");
	$("#infoBox .pagination .page"+i).addClass("active");
	$("#pageNumber").html(curItem+" of "+maxItem[curMenu-1]);
	
	if(curItem == maxItem[curMenu-1]) {
		$("#nextButton img").attr("src","/content/images/button_info_arrow_right_disabled.gif");
	} else {
		$("#nextButton img").attr("src","/content/images/button_info_arrow_right.gif");
	}
	
	if(curItem == 1) {
		$("#prevButton img").attr("src","/content/images/button_info_arrow_left_disabled.gif");
	} else {
		$("#prevButton img").attr("src","/content/images/button_info_arrow_left.gif");
	}
}

function changeMenu(e, i) {
	curMenu = i;
	$("#infoBox .navi a").removeClass("active");
	$(e).addClass("active");

	if(i != 2) {
		$("#infoBox .pagination").hide();
	} else {
		showPagination();
	}
	
	selectPage(1);
}

function showPagination() {
	$("#infoBox .pagination .left").html("");
	for(var i = 1; i <= maxItem[curMenu-1]; i++) {
		if(i > 1)  $("#infoBox .pagination .left").append(" | ");
		$("#infoBox .pagination .left").append('<a href="#" class="page'+i+'" onclick="selectPage('+i+'); return false;">'+i+'</a>');
	}
	$("#infoBox .pagination .page1").addClass("active");
	
	$("#pageNumber").html(curItem+" of "+maxItem[curMenu-1]);
	$("#infoBox .pagination").show();
}

function showFeature(e, i) {
	$("#homeFeature .right .feature").hide();
	$("#homeFeature .feature"+i).show();
	$("#homeFeature .left a").removeClass("active");
	$(e).addClass("active");
}

function nextPage(e) {
	if(curItem < maxItem[curMenu-1]) {
		curItem++;
		selectPage(curItem);
	}
}

function prevPage(e) {
	if(curItem > 1) {
		curItem--;
		selectPage(curItem);
	}
}

function showProduct(e) {
	$(e).stop();
	
	$(e).siblings().css("z-index","5");
	$(e).css("z-index","10");
	$(e).css("opacity","1");
	
	$(e).animate({width: '266px'}, 500, function() {
		$(this).siblings().fadeOut(100);
	});
	prodOpen = true;
}

function hideProduct(e) {
	$(e).stop();
	
	$(e).siblings().fadeIn(500);
	$(e).animate({width: '123px'}, 500, function() {
		$(this).css("z-index","5");
	});
	prodOpen = false;
}

function openMore(e, evt, i) {
	if(i==0) {
		$(e).animate({width: '479px'}, 500, function() {
			$(e).children(".padding").children("p").fadeIn(500);
			$(e).children(".padding").addClass("showBorder");
		});
	} else {
		$(e).animate({width: '240px'}, 500, function() {
			$(e).children(".padding").children("p").fadeIn(500);
			$(e).children(".padding").addClass("showBorder");
		});
	}
	
	
}

function closeMore(e, evt) {
	$(e).stop();
	if(mouseLeaves(e, evt)) {
		$(e).animate({width: '197px'},  500);
		$(e).children(".padding").children("p").fadeOut(500);
		$(e).children(".padding").removeClass("showBorder");
	}
}

function mouseLeaves (element, evt) {
	if (typeof evt.toElement != 'undefined' && typeof element.contains != 'undefined') {
		return !element.contains(evt.toElement);
	} else if (typeof evt.relatedTarget != 'undefined' && evt.relatedTarget) {
		return !contains(element, evt.relatedTarget);
	}
}

function contains (container, containee) {
	while (containee) {
		if (container == containee) {
			return true;
		}
		containee = containee.parentNode;
	}
	return false;
}


