var __productDetailsInitialized = false;

function showPrintArtInfo(printArtId)
{
	if (__productDetailsInitialized) {
		var mainPrintStylesSection = $('div#productDetails a#S_1_2');
		var mainPrintStylesContent = $('div#productDetails div#C_1_2');

		if (mainPrintStylesSection.length && mainPrintStylesContent.length) {

			mainPrintStylesSection.click();

			mainPrintStylesContent.find('a[id^="S_2_"]').each(function() {
				var assigns = $(this).attr('rel').split(',');
				if ($.inArray(String(printArtId), assigns) != -1) {
					$(this).click();
				}
			});

			$('html, body').stop().animate({
				scrollTop: mainPrintStylesSection.offset().top - 10
			}, 500);
		}
	}
}

function setProductDetails() 
{
	location = '#pd';
}

function initProductDetailsTabbers()
{
	tabber.init('creatorMainTabs','creatorMainContents');
	tabber.init('creatorSubTabs','creatorSubContents');

	__productDetailsInitialized = true;
}
$(document).ready(initProductDetailsTabbers);

function openCreatorInfoBox() {
	getCreatorContainer('editor').showProductDetailsExternal()
}
function prevSizeImage(width,height) {

	var tmp1 = document.getElementById('allImgKeys').value;
	
	var allImgKeys  = tmp1.split(',');
	var activeImage = document.getElementById('activeImage').value;
	
	for(i=0;i<allImgKeys.length;i++) 
		if (allImgKeys[i]==activeImage) {

			prevImg = i-1;
			if (prevImg<0) prevImg = allImgKeys.length-1;
			changeMeasurementTableActiveImage(prevImg,width,height)
			
			break;
		}
				
}
function nextSizeImage(width,height) {

	var tmp1 = document.getElementById('allImgKeys').value;
	
	var allImgKeys  = tmp1.split(',');
	var activeImage = document.getElementById('activeImage').value;
	
	for(i=0;i<allImgKeys.length;i++) 
		if (allImgKeys[i]==activeImage) {

			nextImg = i+1;
			if (nextImg==allImgKeys.length) nextImg = 0;
			changeMeasurementTableActiveImage(nextImg,width,height)
			
			break;
		}


}
function changeMeasurementTableActiveImage(newActImg,width,height) {

	var actImg = document.getElementById('activeImage').value;

	document.getElementById('IMG_BORDER_'+actImg).className = '';
	document.getElementById('SIZE_NAME_'+actImg).className  = '';
	
	document.getElementById('IMG_BORDER_'+newActImg).className = 'active';
	document.getElementById('SIZE_NAME_'+newActImg).className  = 'active';
	
	document.getElementById('bigCharacterImage').src        = document.getElementById('smallCharacterImage'+newActImg).value + '&width=' + width + '&height=' + height;

	document.getElementById('activeImage').value = newActImg;

}
function changeActiveCharacterSize(sizeId) {

	document.getElementById('sizeId').value = sizeId;

	reloadMeasurementCharacters_creator();

}
function reloadMeasurementCharacters_creator() {
	var productId   = document.getElementById('productId').value;
	var characterId = document.getElementById('characterId').value;
	
	xajax_onChangeProduct(productId,characterId,1);
	
}	

/* **** SELECT BOX ************************************** */
function dSelectBox_openValueSelector  (selectBoxId)            {
	
	var selectBoxWidth  = document.getElementById(selectBoxId+'_dSelectBoxOpener').offsetWidth;
	var selectBoxHeight = document.getElementById(selectBoxId+'_dSelectBoxOpener').offsetHeight;
	
	var openerPosLeft   = document.getElementById(selectBoxId+'_dSelectBoxOpener').offsetLeft;
	var openerPosTop    = document.getElementById(selectBoxId+'_dSelectBoxOpener').offsetTop;
	
	document.getElementById(selectBoxId + '_dSelectBoxOptions').style.left     = openerPosLeft + 'px'; 
	document.getElementById(selectBoxId + '_dSelectBoxOptions').style.top      = openerPosTop  + 'px'; 
	
	document.getElementById(selectBoxId + '_dSelectBoxOptions').style.width   = selectBoxWidth + 'px';
	document.getElementById(selectBoxId + '_dSelectBoxOptions').style.display = 'block';
	
}
function dSelectBox_closeValueSelector (selectBoxId,valueToSet) {
	
	document.getElementById(selectBoxId).value                   = document.getElementById(selectBoxId + '_' + valueToSet + '_id').innerHTML;
	document.getElementById(selectBoxId+'_activeText').innerHTML = document.getElementById(selectBoxId + '_' + valueToSet + '_text').innerHTML ;
	document.getElementById(selectBoxId + '_dSelectBoxOptions').style.display = 'none';
	
}