// JavaScript Document

function switchTab(tabId)
{
	for (var i = 1; i <= 4; i++) {
		if (document && document.getElementById) {
			// tabs
			var obj = document.getElementById('hpser_' + i);
			if (obj) {
				obj.style.backgroundImage = "url(/themes/sw2/images/hpser_" + ((i == tabId) ? "e" : "d") + "_" + i + ".gif)";
				obj.style.color = "#" + ((i == tabId) ? "000000" : "ffffff")
				obj.getElementsByTagName('span')[0].className = (i == tabId) ? 'active' : '';
			}

			// panels
			obj = document.getElementById('hpser_panel_' + i);
			if (obj) {
				obj.style.display = (i == tabId) ? "block" : "none";
			}
		}
	}
}


function its_curvySetActive(menuId, activeTab)
{
	var path = '/themes/sw2/images/cmenu/';

	// index from zero
	activeTab--;

	// get link to menu
	var menuDiv = document.getElementById(menuId);
	if (menuDiv == undefined) {
		return;
	}

	var itemsArr = new Array();

	var nodesArr = menuDiv.childNodes;
	for (var tmpId in nodesArr) {
		var objNode = nodesArr[tmpId];
		if (typeof objNode == 'object' && objNode != undefined && objNode.nodeName.toLowerCase() == 'div') {
			// check if class of this node is item
			if (objNode.className != 'item') {
				continue;
			}

			// this is item node, so add it to the array
			itemsArr.push(objNode);
		}
	}

	for (var i = 0; i < itemsArr.length; i++) {
		var objItem = itemsArr[i];

		var miDivs = objItem.getElementsByTagName('div');

		// determine if we on active tab
		var activeSuffix = (i == activeTab ? 'e_' : 'd_');

		// determine type of corners
		var lc = (i == 0 ? 'l_1' : 'l_2');
		var rc = (i == (itemsArr.length - 1) ? 'r_1' : 'r_2');

		var files = new Array();

		files.push(lc + '.gif');
		files.push('bg.gif');
		files.push(rc + '.gif');

		for (var j in files) {
			fileName = path + activeSuffix + files[j];
			if (typeof miDivs[j] == 'object') {
				miDivs[j].style.backgroundImage = "url(" + fileName + ")";
				miDivs[j].style.color = (i == activeTab ? '#000000' : "#ffffff")
			}
		}
		//miDivs[1].getElementsByTagName('a')[0].className = (i == activeTab ? 'active' : "");
	}

}




function initSmallPics()
{
    var objSmallListC = document.getElementById('smallPicturesList');
    if (objSmallListC == undefined) {
        return;
    }

    var listLinks = objSmallListC.getElementsByTagName('a');
    for (var linkNum in listLinks) {
        var objLink = listLinks[linkNum];
        objLink.onclick = linkClick;
        objLink.linkNum = linkNum;
    }
}

function linkClick()
{
    var objBigImg = getBigPictureImg()
    objBigImg.src = '/themes/sw2/images/ajax-loader.gif';
    objBigImg.width = objBigImg.height = '50';
    objBigImg.style.margin = "100px 0px 100px 215px";

    // change styles
    for (var i = 0; i <= 10; i++) {
        var objDiv = document.getElementById('smallPic_' + i);
        if (objDiv == undefined) {
            break;
        }

        var innerDiv = objDiv.getElementsByTagName('div')[0];
        if (i == this.linkNum) {
            innerDiv.className = 'sPictureC';
        } else {
            innerDiv.className = 'sPictureC sPictureRamkaC';
        }

    }

    var img = new Image();

    img.onload = function () {

        // set image
        var objImg = getBigPictureImg();
        objImg.src = this.src;
        objImg.width = this.width;
        objImg.height = this.height;
        objBigImg.style.margin = "0px 0px 0px 0px";
    }

    img.src = this.href;

    return false;
}

function getBigPictureImg()
{
    var objBigImageC = document.getElementById('bigImageC');
    if (objBigImageC == undefined) {
        return;
    }

    return objBigImageC.getElementsByTagName('img')[0];
}