var cellWidth = 1024;
var cellHeight = 768;
var confArr = new Array();
confArr["a"] = new Array();
confArr["a"]["factor"] = 0;
confArr["a"]["image"] = "/fileadmin/templates/images/Weila-Hintergrund-Grey.png";
//confArr["a"]["imageSliced"] = '
';
confArr["b"] = new Array();
confArr["b"]["factor"] = 1;
confArr["b"]["image"] = "/fileadmin/templates/images/Weila-Hintergrund-Yellow.png";
//confArr["b"]["imageSliced"] = '
';
confArr["c"] = new Array();
confArr["c"]["factor"] = 2;
confArr["c"]["image"] = "/fileadmin/templates/images/Weila-Hintergrund-Magenta.png";
//confArr["c"]["imageSliced"] = '
';
confArr["d"] = new Array();
confArr["d"]["factor"] = 3;
confArr["d"]["image"] = "/fileadmin/templates/images/Weila-Hintergrund-Cyan.png";
//confArr["d"]["imageSliced"] = '
';
var contentBoxPositions = new Array();
if($.browser.msie && parseInt(jQuery.browser.version) == 7) {
contentBoxPositions[13] = 96;
contentBoxPositions[2] = 162;
contentBoxPositions[3] = 228;
contentBoxPositions[4] = 294;
contentBoxPositions[5] = 360;
contentBoxPositions[33] = 360;
}
else {
contentBoxPositions[13] = 96;
contentBoxPositions[2] = 160;
contentBoxPositions[3] = 224;
contentBoxPositions[4] = 288;
contentBoxPositions[5] = 352;
contentBoxPositions[33] = 352;
}
var curGalImg = 1;
var img = new Array();
for(var i = 0; i < confArr.length; i++) {
img[i] = new Image();
img[i].src = confArr[i]['image'];
}
var img1 = new Image();
img1.src = "/fileadmin/templates/images/Weila-Hintergrund-Magenta.png";
var img2 = new Image();
img2.src = "/fileadmin/templates/images/Weila-Hintergrund-Grey.png";
var img3 = new Image();
img3.src = "/fileadmin/templates/images/Weila-Hintergrund-Yellow.png";
var img4 = new Image();
img4.src = "/fileadmin/templates/images/Weila-Hintergrund-Cyan.png";
var img5 = new Image();
img5.src = "/fileadmin/templates/images/Weila-Hintergrund-Magenta-Invert.png";
$(window).load(function () {
});
jQuery().ready(function(){
var tmpColorArr = new Array("cyan", "grey", "magenta", "magenta_inv", "yellow");
var tmpRowArr = new Array("a", "b", "c");
var imgArray = new Array();;
for(var j = 0;j < tmpColorArr.length;j++) {
for(var kj = 0;kj < tmpRowArr.length;kj++) {
for(var lj = 1;lj < 11;lj++) {
imgArray[tmpColorArr[j]+'_'+tmpRowArr[kj]+'_'+lj] = new Image();
imgArray[tmpColorArr[j]+'_'+tmpRowArr[kj]+'_'+lj].src = '/fileadmin/templates/images/bg/'+tmpColorArr[j]+'/bg_'+tmpRowArr[kj]+'_'+lj+'.png';
}
}
}
var t = imgArray;
});
function toggleMainItem(elem)
{
$('.current').removeClass('current');
$(elem.parentNode).addClass('current');
}
function toggleSubItem(elem)
{
$('.subItemActive', elem.parentNode.parentNode).removeClass('subItemActive');
$(elem.parentNode).addClass('subItemActive');
}
function moveGalleryImage(direction, imgWidth, imgCount) {
var curPos = parseInt($('.imageContainer').css('marginLeft'));
var newPos = 0;
switch(direction) {
case 'left':
if(curGalImg > 1) {
curGalImg--;
newPos = -1 * (curGalImg - 1) * imgWidth;
}
break;
default:
if(curGalImg < imgCount) {
newPos = -1 * (curGalImg * imgWidth);
curGalImg++;
} else {
newPos = -1 * ((curGalImg - 1) * imgWidth);
}
break;
}
//alert('curPos: ' + curPos + '\nnewPos: '+newPos);
$('#curImg').html(parseInt(curGalImg));
$('.imageContainer').blur();
$('.imageContainer').animate({marginLeft: newPos + 'px'}, {duration: 400})
}
function parseJS(scripts)
{
scripts.each(function()
{
if($(this).attr('src') != "undefined")
{
$.ajax({
async: false,
url: $(this).attr('src'),
dataType: 'script',
success: function() {
$(this).remove();
}
});
}
else
{
eval($(this).text());
}
});
}
function makeMove(linkObj, conf) {
if($.browser.msie && parseInt(jQuery.browser.version) < 7) {
window.location.href = linkObj.href;
return true;
}
var linkExtObj = $(linkObj);
$('#overlay').css('margin-left', $('#overlay').css('margin-left'));
$('#overlay').css('margin-top', $('#overlay').css('margin-top'));
// get current and new grid coords
tmpConfArr = conf.split('_');
// new
var xBackgroundPos = (tmpConfArr[1]-1) * cellWidth * (-1) + cellWidth;
var yBackgroundPos = confArr[tmpConfArr[0]]['factor'] * cellHeight * (-1) + cellHeight;
// old
var oldXPos = parseInt($('#overlay').css('margin-left'));
var oldYPos = parseInt($('#overlay').css('margin-top'));
// diff
var diffXPos = xBackgroundPos - oldXPos;
var diffYPos = yBackgroundPos - oldYPos;
//newBGImage = 'url('+confArr[tmpConfArr[0]]['image']+')';
//var oldContent = ''+$('.contentBox').html()+'
';
//var contentPosition = $('.contentBox').position();
//$('.content').hide();
$('.mainframe').append('');
$('.naviBox').css({zIndex:2000});
$.ajax({
url: '/index.php?id='+tmpConfArr[2]+'&type=23',
dataType: 'html',
success: function(data) {
var newContentBox = $(data).find('.contentBox');
curGalImg = 1;
if(diffXPos == 0 && diffYPos == 0)
{
// get script code from new content
var scripts = $('scriptcode', newContentBox[0]).clone();
$('scriptcode', newContentBox[0]).remove();
// add new content
$('.contentBox')[0].innerHTML = newContentBox[0].innerHTML;
setActiveMnuItem(linkObj);
parseJS(scripts);
$('.naviBox').css({zIndex:300});
$('.loadingBox').remove();
$('.clickBouncer').remove();
}
else
{
// clone content box
var oldContentBox = $('.contentBox');
var newContentBox = $(data).find('.contentBox');
// get current mainCatID
var tmpClassNameArr = document.body.className.split(' ');
var tmpMCArr = tmpClassNameArr[0].split('_');
var mainCatID = tmpMCArr[1];
// place old content box on grid
var oldCBGridX = oldXPos * (-1) + 24;
var oldCBGridY = oldYPos * (-1) + contentBoxPositions[mainCatID];
// lvl3 padding correction comes here ...
oldContentBox.detach();
// get new mainCatID
var newMainCatId = 13;
var isThirdLevelPage = false;
$(data).children('#bodyClasses li').each(function() {
if($(this).text().search(/mainCat/g) != -1) {
var tmpMC = $(this).text().split('_');
newMainCatId = tmpMC[1];
}
else if($(this).text().search(/thirdLevelPage/g) != -1) {
isThirdLevelPage = true;
}
});
if(isThirdLevelPage) {
$('.content', oldContentBox).css({paddingTop:32+'px'});
oldCBGridY -= 16;
$('.naviBox ul li ul li ul').css('background-color', 'transparent');
}
if($('body').hasClass('thirdLevelPage'))
$('.content', oldContentBox).css({paddingTop:32+'px'});
oldContentBox.css({left:oldCBGridX+'px',top:oldCBGridY+'px'});
oldContentBox.appendTo('#overlay');
var scripts = $('scriptcode', newContentBox[0]).clone();
$('scriptcode', newContentBox[0]).remove();
// get new content box pos on grid
var newCBGridX = xBackgroundPos * (-1) + 24;
var newCBGridY = yBackgroundPos * (-1) + contentBoxPositions[newMainCatId];
if(isThirdLevelPage) {
$('.content', newContentBox).css({paddingTop:32+'px'});
newCBGridY -= 16;
//$('.naviBox ul li ul li ul').css('background-color', 'transparent');
}
//place new content box to mainframe
newContentBox.css({left:newCBGridX+'px',top:newCBGridY+'px'});
newContentBox.appendTo('#overlay');
// put new bgImage on grid
$('div.contentBackground').addClass('oldContentBackground');
var contentBG = $(data).find('div.contentBackground');
var newContentBGX = xBackgroundPos * (-1);
var newContentBGY = yBackgroundPos * (-1);
if(contentBG.length > 0) {
var newContentBG = $(''+contentBG[0].innerHTML+'
')
.css({left:newContentBGX+'px', top:newContentBGY+'px'})
$('#overlay').append(newContentBG);
}
setActiveMnuItem(linkObj);
$('.loadingBox').remove();
var cbAnimTime = 800;
// add new body classes
document.body.className = '';
$(data).children('#bodyClasses li').each(function() {
$('body').addClass($(this).text());
});
var navi = $(data).find('div.naviBox');
if(linkObj.className == 'level_1_Item') {
$('.naviBox').html(navi[0].innerHTML);
}
var newBgImagesBox = $(data).find('div#overlay .bgImagesBox');
$('#overlay .bgImagesBox').html(newBgImagesBox[0].innerHTML);
var finalTop = contentBoxPositions[newMainCatId];
parseJS(scripts); // or parse after move?
$('#overlay')
.animate({
marginLeft:xBackgroundPos+'px',
marginTop:yBackgroundPos+'px'}, cbAnimTime, function() {
oldContentBox.remove();
var curContentBox = $('.contentBox').detach();
if(isThirdLevelPage) {
$('.naviBox ul li ul li ul').css('background-color', '#ffffff');
$('.content', curContentBox).css({paddingTop:16+'px'});
}
curContentBox.css({left: 24+'px', top: finalTop+'px'}).appendTo('.mainframe');
$('.oldContentBackground').remove();
$('.contentBox').css({zIndex:500});
$('.naviBox').css({zIndex:300});
$('.clickBouncer').remove();
});
//$('.content').animate({left:70+'px',top:80+'px'}, 1200);
}
},
error: function(req, stat) {
alert('error! please reload');
}
});
}
function setActiveMnuItem(linkObj)
{
// set active nav item(s)
switch(linkObj.className) {
case 'level_1_Item':
$('.naviBox li').removeClass('active');
break;
case 'level_2_Item':
$('.naviBox li ul li').removeClass('active');
break;
case 'level_3_Item':
$('.naviBox li ul li ul li').removeClass('active');
break;
}
$(linkObj.parentNode).addClass('active');
}