var isExtended = 0;
var tablist = new Array();
var showTab;
var switchId;

function switchViewTab(root, active){
	
	var addResFormEl = document.getElementById("showUpload");
	if (active == 2 && addResFormEl != null && addResFormEl.innerHTML != '') {
		var photoUpl = document.getElementById("uploadPhotoTableId");
		var videoUpl = document.getElementById("uploadVideoTableId");
		if ((photoUpl != null && photoUpl.style.display != "none") || (videoUpl != null && videoUpl.style.display != "none")) {
			alert('Сначала Вы должны закончить операцию вставки фото или видео');
			return;
		}
	}
	
	var jscall = "";
	for (var i = 2; i < switchViewTab.arguments.length; i++){                    
		jscall += "\', \'" + switchViewTab.arguments[i]; 
	}
	jscall = jscall.substring(3);
	
	var htmlstr = '<table style="border: 0" cellpadding="0" cellspacing="0" class="tabsPanel"><tr>';
	var tabname = switchViewTab.arguments[2];

	if (showTab == null) {
		showTab = defaultShowTab;
	}
	showTab(active, root);	
	
	var switchValue;
	if (switchId != null) {
		switchValue = switchId;
	} else {
		switchValue = "switch";
	}
	if(active == 1){
		htmlstr += '<td class="mbox_top_search">' +
		            	'<img style="text-align: center;" width="18" height="20" alt=""  src="' + root + 'img/menu_box_02.gif" />' +
		           		'<span class="decoredText"><strong>' + tabname + '</strong></span>' +
		           	'</td>';
		htmlstr += '<td style="width: 7px;">' + 
						'<img src="' + root + 'img/tab_right_white.gif" width="7" height="20" style="border: 0; vertical-align: top;" alt="" />' + 
					'</td>';
	} else {
		htmlstr += '<td class="search_box_tile">' + 
						'<img style="border: 0; text-align: center;" width="18" height="20" alt="" src="' + root + 'img/menu_box_02_bl.gif" />' +
						'<a href="#" class="navLink" onclick="javascript:switchId=\'' + switchValue + '\'; switchViewTab(\'' + root + '\', ' + 1 + ', ' + jscall + '\'); return false;">' + tabname + '</a>' +
					'</td>';
	}
	
	for (var i = 3; i < switchViewTab.arguments.length; i++){ 
		tabname = switchViewTab.arguments[i];
		var j = i-1;
		if(active == j){
			htmlstr += '<td style="width: 8px">' +
					   		'<img src="' + root + 'img/tab_left_white.gif" width="8" height="20" alt="" />' +
					   '</td>';
			htmlstr += '<td class="mbox_top_search" style="text-align: center">' + 
							'<span class="decoredText"><strong>' + tabname + '</strong></span>' + 
						'</td>';
			htmlstr += '<td style="width: 7px;">' +
					   '	<img src="' + root + 'img/tab_right_white.gif" width="7" height="20" alt="" />' +
					   '</td>';
		} else {
			htmlstr += '<td style="width: 8px;">' +
							'<img src="' + root + 'img/tab_left_black.gif" width="8" height="20" alt="" />' +
					   '</td>';
			htmlstr += '<td class="search_box_tile" style="text-align: center">' +
							'<a href="#" class="navLink" onclick="javascript: switchId=\'' + switchValue + '\'; switchViewTab(\''+ root + '\', ' + j + ', ' + jscall + '\'); return false;" >' + tabname + '</a>' +
						'</td>';
		}
	}
	htmlstr += '</tr></table>';
	show(switchValue, htmlstr);
}

function defaultShowTab(tabId, root) {
	var tab1 = document.getElementById("tab1");
	var tab2 = document.getElementById("tab2");
	var allTabs = new Array (tab1, tab2);
	
	for (var i = 0, l = allTabs.length; i < l; i++) {
		if (tabId == (i + 1)) {
			allTabs[i].style.display = "block";
		} else {
			allTabs[i].style.display = "none";
		}
	} 
	var selTab = document.getElementById("selectedTab");
	if (selTab != null) {
		selTab.value = tabId;
	}
}