function designView()
{
	$("h1,h2,h3,h4").textShadow();
	$("#center .subBody .slide h1").textShadowRemove();

	$('#topNav ul').NavDropDown({
									duration:300,
									hoverElement:'li',
									hoverClass:'hover',
									dropHolder:'div',
									showEffect:'fade'
								});
}

var scrollerBtnClicked=false;

function scrollDesign()
{
	$(
		'.scrollPanel .rightArrow,.scrollPanel .leftArrow'
	).click(function()
			{
				if(scrollerBtnClicked) return false;
				else scrollerBtnClicked=true;

				var btnID=$(this).attr('class');
				var scrollPanel=$(this).parent();
				var testMod=(scrollPanel.parent().attr('id')=='goodSetBlockTest');

				var body=scrollPanel.find('.body');
				var content=scrollPanel.find('.content');
				var itemSet=scrollPanel.find('.scrollItem');
				var shift=0;

				var contentLeftPos=parseInt((new String(content.css('left'))).replace(/px$/,''));
				var leftMargin=parseInt((new String(itemSet.css('margin-left'))).replace(/px$/,''));

				var leftShift=Math.floor(Math.abs((contentLeftPos+leftMargin)/itemSet.width())); 	//За кардоном слева
				var centerShift=Math.ceil(body.width()/(itemSet.width()+leftMargin));				//Влазет в экран
				var rightShift=itemSet.length-(leftShift+centerShift); 								//За кардоном справа

				if(btnID=='rightArrow')
				{
					if(rightShift<=0)
					{
						scrollerBtnClicked=false;
						return false;
					}

					if(centerShift<=rightShift) shift=centerShift;
					else shift=(itemSet.length>=28)? rightShift+1 : rightShift;

					content.animate({left:(contentLeftPos-shift*(leftMargin+itemSet.width()))+'px'},1000,'linear',function() { scrollerBtnClicked=false; });
				}
				else
				{
					if(leftShift<=0)
					{
						scrollerBtnClicked=false;
						return false;
					}

					if(centerShift<=leftShift) shift=centerShift;
					else shift=leftShift;

					content.animate({left:(contentLeftPos+shift*(leftMargin+itemSet.width()))+'px'},1000,'linear',function() { scrollerBtnClicked=false; });
				}
			}
		);

	$('.scrollPanel .body .content .scrollItem').hover(
														function ()
														{
															$(this).find('.stickerBG').fadeTo('fast',0.77);
															$(this).find('.sticker').fadeTo('fast',1);
														},
														function () { $(this).find('.sticker,.stickerBG').fadeTo('fast',0); }
												).click(
														function ()
														{
															var idSet=((new String($(this).attr('id'))).replace(/^good-/,'')).split('-');
															goodID=parseInt(idSet[0]);
															partID=parseInt(idSet[1]);
															if(idSet[2])
															{
																if(idSet[2]=='popup') closeGoodInfo( function() { openGoodInfo(goodID,partID); }, true);
																else openPortfolioInfo(goodID);
															}
															else openGoodInfo(goodID,partID);
														}
												);
}

WBJSLoader.add('designView(),scrollDesign()');

var goodCache=new Array();
var portfolioCache=new Array();

function openGoodInfo(gID,pID)
{
	if($('#overlayBG').css('display')=='none') $('#overlayBG').css('display','block').addClass('load').fadeTo('fast',0.55);
	else $('#overlayBG').addClass('load');

	var cacheName=gID+'-'+pID;
	if(goodCache[cacheName]) designGoodView(goodCache[cacheName]);
	else AJAXQuery('getGoodView','GET','/system/scripts/relay.php?relayID=Dvor&s='+sessionID+'&siteID=1&getGoodView=1&goodID='+gID+'&partID='+pID,'eval:getGoodViewProccess');
}

function getGoodViewProccess(result)
{
	var resultObj=null;
	if(result!=='')
	{
		eval('resultObj='+result);
		if(resultObj)
		{
			cacheName=resultObj.goodID+'-'+resultObj.partID;
			goodCache[cacheName]=resultObj;
			designGoodView(goodCache[cacheName]);
		}
		else closeGoodInfo();
	}
	else closeGoodInfo();
}

function designGoodView(obj)
{
	var sy=(document.documentElement.scrollTop || document.body.scrollTop);
	var sx=(document.documentElement.scrollLeft || document.body.scrollLeft);

	if(obj.goodsSet!=='')
	{
		$('#popupContainer .goodSetBlock .scrollPanel .body .content').html(obj.goodsSet);
		$('#popupContainer .goodSetBlock').css('display','block');
		scrollDesign();
	}
	else $('#popupContainer .goodSetBlock').css('display','none');
	$('#bigImg img:first').attr({src:obj.goodImg,alt:htmlspecialchars(obj.goodName)});
	if(obj.goodFile!=='')
	{
		$('#file a').attr('href',obj.goodFile);
		$('#file').css({visibility: "visible",display: "block"});
	}
	else
	{
		$('#file a').attr('href','/');
		$('#file').css({visibility: "hidden",display: "none"});
	}
	$('#goodIconSet').remove();
	$('#goodInfoContent').before(obj.goodIconSet);
	$('#goodInfoContent').html('<p><b>'+obj.goodName+'</b></p><p>'+obj.goodSmallInfo+'</p>'+obj.goodInfo);

	$('#overlayBG').removeClass('load');
	$('#popupContainer').css({'top':(sy+60)+'px','display':'block'});
}

function closeGoodInfo(callBack,callBackOnly)
{
	$('#popupContainer').css('display','none');

	var content=$('#popupContainer .goodSetBlock .scrollPanel .body .content');
	var itemSet=content.find('.scrollItem');
	content.css('left','-'+itemSet.css('margin-left'));

	if(callBackOnly) { if(callBack) callBack(); }
	else
	{
		$('#overlayBG').fadeTo('slow',0,function()
										{
											$(this).css('display','none');
											if(callBack) callBack();
										}
								);
	}
}

function openPortfolioInfo(oID)
{
	$('#goodInfoBlock').html('<p>Загрузка</p>');

	if(portfolioCache[oID]) designPortfolioView(portfolioCache[oID]);
	else AJAXQuery('getPortfolioView','GET','/system/scripts/relay.php?relayID=Dvor&s='+sessionID+'&siteID=1&getPortfolioView=1&objectID='+oID,'eval:getPortfolioViewProccess');
}

function getPortfolioViewProccess(result)
{
	var resultObj=null;
	if(result!=='')
	{
		eval('resultObj='+result);
		if(resultObj)
		{
			portfolioCache[resultObj.objectID]=resultObj;
			designPortfolioView(portfolioCache[resultObj.objectID]);
		}
		else $('#goodInfoBlock').html('&nbsp;');
	}
	else $('#goodInfoBlock').html('&nbsp;');
}

function designPortfolioView(obj)
{
	var html='';

	if(obj.img!=='') html+='<div class="img"><img src="'+obj.img+'" alt="'+htmlspecialchars(obj.name)+'" /></div>';

	html+='<p><b>'+obj.name+'</b></p>';

	if(obj.smallInfo!=='') html+='<p>'+obj.smallInfo+'</p>';

	html+=obj.info;

	$('#goodInfoBlock').html(html);
}