var mp3_playingId = '';
function mp3player_startPlay(playerID) {
	if ('' != mp3_playingId && mp3_playingId != playerID) {

		var pl = getFlashMovieObject(mp3_playingId);
		pl.mp3player_stopPlay();
	}
	mp3_playingId = playerID;
}

function getFlashMovieObject(movieName)
{
	if (window.document[movieName])
	{
		return window.document[movieName];
	}
	if (navigator.appName.indexOf("Microsoft Internet") == -1)
	{
		if (document.embeds && document.embeds[movieName])
			return document.embeds[movieName];
	}
	else // if (navigator.appName.indexOf("Microsoft Internet")!=-1)
	{
		return document.getElementById(movieName);
	}
}

var InputSelector = Class.create();
InputSelector.prototype = {
	initialize: function(fakeOuter, fakeInner, realInput, listOfValues, selectedListOfValues,
						 popup, view,
						 url, form, formOuter) {


		this.top = 1;
		this.bottom = 0.4;
		this.max = 11;
		this.isCheckAllButtonVisible = true;
		this.version = "InputSelector"

		this.fakeOuter = fakeOuter
		this.fakeInner = fakeInner
		this.realInput = realInput
		this.listOfValues = listOfValues
		this.selectedListOfValues = $H(selectedListOfValues)
		this.popupInputs = $A()

		this.popup = popup || this.createPopupContainer(0, 200);
		this.popupIframe = this.createPopupIframeContainer(0, 200);
		this.popupAutoListener()

		this.doAjax = true;
		this.view = view || {width: 150, count: 1};

		this.searchUrl = url;
		this.form = form;
		this.formOuter = formOuter;

		this.setUpListeners()

		this.startHTML = this.fakeInner.innerHTML;

		this.createDebug();

		this.drawSelectorInput();

	},

	setUpListeners: function() {
		this.fakeOuter.observe('click', function() {
			if (this.popup.getStyle("display") == "none") {
				if (this.doAjax) {
					this.createWaitingEffect(this.top, this.bottom);
					this.createAjaxQuery();
				} else {
					this.drawPopUpElement(this.fakeOuter, this.view);
					this.drawSelectorInput();
				}
			} else {
				this.popup.hide()
			}

		}.bindAsEventListener(this));

	},
	drawSelectorInput: function() {

		var s = "";
		var keys = this.selectedListOfValues.keys()
		this.realInput.value = "";
		for (var i = 0; i < keys.length; i++) {
			s += this.selectedListOfValues.get(keys[i]) + ", "
			this.realInput.value += keys[i] + ","
		}

		this.fakeInner.setAttribute("title", s)

		if (s.length > this.max) {
			s = s.substr(0, this.max) + " ..."
		} else if (s == "") {
			s = this.startHTML
		}
		this.fakeInner.innerHTML = s;


	},
	createAjaxQuery: function() {
		new Ajax.Request(this.searchUrl['url'] + this.searchUrl['param_prefix'] + this.searchUrl['param_value'], {
			onComplete: function(transport) {
				this.doAjax = false;
				this.listOfValues = $H(transport.responseText.evalJSON());

				this.drawPopUpElement(this.fakeOuter, this.view);
				this.createAfterFinishEffect(this.bottom, this.top);
				this.drawSelectorInput();

			}.bindAsEventListener(this)
		})
	},
	createWaitingEffect: function(top, bottom) {
		this.toggleLoading(true)
		new Effect.Opacity(this.formOuter, {from: top, to: bottom, duration: 0.2});

	},
	createAfterFinishEffect: function(from, to) {
		new Effect.Opacity(this.formOuter, {from: from, to: to, duration: 0.2})
		this.toggleLoading(false)
	},
	toggleLoading: function(isVisible) {
		if (this.loader == null) {
			this.loader = new Element('img',
			{
				src:"/images/ajax-loader.gif",
                className: "searchLoader"
			});
			this.formOuter.appendChild(this.loader);
		}

		if (isVisible)
			this.loader.show()
		else
			this.loader.hide()
	},
	rowListener : function(element) {
	}.bindAsEventListener(this),

	setUpOnUpdateListener: function(onUpdateListener) {
		this.onUpdateListener = onUpdateListener;
	},
	createPopupContainer: function(x, y) {
		var element = new Element('div',
		{
			style:'display:none;' +
				  'z-index:1001;' +
				  'position:absolute;' +
				  'left:' + x + "px;" +
				  'top:' + y + "px;"
		});
		document.body.appendChild(element);
		element.addClassName('search_elem_over');

		return element;
	},
	createPopupIframeContainer: function(x, y) {

		var element = new Element('iframe',
		{
			style:'position:absolute; ' +
				  'z-index:1000;' +
				  'display:none;' +
				  'padding:0;margin:0;' +
				  'background:white;' +
				  'left:' + x + "px;" +
				  'top:' + y + "px;" +
				  'border:0',
			src: "/flash/blank.html"
		});
		document.body.appendChild(element);

		return element;
	},

	setSelectedList: function() {

		this.popupInputs = $A(this.popup.select("input"))

		this.popupInputs.each(function(element) {
			if (element.checked) {
				this.selectedListOfValues.set(element.value, this.listOfValues.get(element.value))
				this.drawItemListText(element.value, "disabled");
			} else {
				this.selectedListOfValues.unset(element.value)
				if (element.disabled)
					this.drawItemListText(element.value, "disabled", true);
				else
					this.drawItemListText(element.value, "disabled");
			}
		}.bindAsEventListener(this))
		this.drawSelectorInput()
	},
	clearSelections: function() {
		this.selectedListOfValues = $H();
		this.drawSelectorInput();
	},

	drawItemListText : function(id, obj, needSet) {
		if (needSet) {
			$("span_" + id).addClassName(obj);
		} else {
			$("span_" + id).removeClassName(obj);
		}


	}   ,

	drawPopUpElement: function(parentInput, view) {

		view['count'] = view['count'] || 1;
		view['width'] = view['width'] || 220;
		this.popup.setStyle({
			width: (view['count'] * view['width'] + 2) + "px"
		})


		var s = ""
		s += this.drawMenu();
		s += "<div class='inner_over'> ";
		s += this.drawInputList(view);
		s += "<div class='clearing'> </div>"
		s += "</div>"

		this.popup.hide();
		this.popupIframe.hide();
		this.popup.update(s)
		this.setMenuListener();

		this.popupInputs = $A(this.popup.select("input"));

		this.popupInputs.each(function(element) {
			element.observe('click', function() {
				this.rowListener(element);
				this.setSelectedList()
			}.bindAsEventListener(this))
		}.bindAsEventListener(this))

		var parent_coords = this.getOffset($(parentInput));
		var parent_height = $(parentInput).getHeight();

		this.popup.setStyle({
			top: (parent_coords['top'] + parent_height + 2) + "px",
			left: (parent_coords['left'] + 1) + "px"
		})
		this.popupIframe.setStyle({
			top: (parent_coords['top'] + parent_height + 2) + "px",
			left: (parent_coords['left'] + 1) + "px",

			width: (view['count'] * view['width'] + 2) + "px" ,
			height : (this.popup.getHeight() + 2) + "px"
		})

		Effect.BlindDown(this.popup);
		Effect.BlindDown(this.popupIframe);
    },

    getOffset: function(element){
        var valueT = 0, valueL = 0;
        do {
            if (element.id != "header" && element.id != "global"){
                valueT += element.offsetTop || 0;
            }
            valueL += element.offsetLeft || 0;
            element = element.offsetParent;
        } while (element);
        return Element._returnOffset(valueL, valueT);
    },

	drawMenu : function() {
		this.menu_template = 'selector_template_menu';
		this.menu = $(this.menu_template)
		var s = this.menu.innerHTML
		return s;

	},
	setMenuListener : function() {

		var isCheckAll = this.isCheckAllButtonVisible

		var menu = this.popup.select(".bordered_bottom")[0]

		var close = $(menu.select(".close")[0])
		close.observe('click', function() {
			this.popup.hide();
			this.popupIframe.hide();
		}.bindAsEventListener(this))

		var uncheck = $(menu.select(".none")[0])
		uncheck.observe('click', function() {
			this.uncheckAllAdditionalListener();
			this.uncheckAllListener();
			this.setSelectedList()
		}.bindAsEventListener(this))

		var check = $(menu.select(".all")[0])

		check.setStyle({display: (isCheckAll) ? '' : 'none'})

		check.observe('click', function() {
			this.checkAllListener();
			this.setSelectedList()
		}.bindAsEventListener(this))

	},

	uncheckAllListener: function() {
		this.selectedListOfValues = $H()
		this.drawSelectorInput();

		this.popupInputs.each(function(item) {
			item.checked = false;
			item.disabled = false;
		})
	},
	uncheckAllAdditionalListener: function() {
	},


	checkAllListener: function() {
		this.selectedListOfValues = this.listOfValues
		this.drawSelectorInput();

		this.popupInputs.each(function(item) {
			item.checked = true;
			item.disabled = false;
		})
	},
	drawInputList: function(view) {
		var s = ""


		var tmp = ""
		var tmp1 = ""

		$A(this.listOfValues).each(function(item) {
			tmp = ""
			tmp1 = ""
			s += "<span class='item'>"

			if (this.selectedListOfValues.get(item.key)) {
				tmp = " checked='checked' "
			} else if (this.setDisabled(item.key)) {
				tmp += " disabled='true' ";
				tmp1 = " class='disabled'"
			}
			s += "<input type='checkbox' value='" + item.key + "'" + tmp + " name='" + item.value + "_" + item.key + "'/> "
			s += "<span" + tmp1 + " id=\"span_" + item.key + "\">"
			s += item.value
			s += "</span>"
			s += "</span>"
		}.bindAsEventListener(this))

		return s;
	},


	setDisabled: function(value) {
		return false;
	},
	isAllUnChecked: function() {
		return true;
	},

	popupAutoListener : function() {
		this.popupListening()
		this.windowListening()
	},
	windowListening: function() {
		Event.observe(document.body, 'click', function(event) {
			event.cancelBubble = false;
			this.popup.hide()
			this.popupIframe.hide()
		}.bindAsEventListener(this))
	},
	popupListening: function() {
		Event.observe(this.popup, 'click', function(event) {
			event.cancelBubble = true;
		}.bindAsEventListener(this))
	},
	showVersion: function() {
		window.alert(this.version)
	}  ,
	createDebug: function() {
		this.status = new Element('div',
		{
			style:'position:absolute; z-index:1290;padding:0;margin:0;' +
				  'background:orange;border:0; color:#fff; font-weight:bold;top:0;left:0'
		});
		document.body.appendChild(this.status);
		this.status.update("")
	}

}

var ProductAndCategorySearchSelector = Class.create();

ProductAndCategorySearchSelector.prototype = {
	initialize: function(searchUrl, linked, product_values, category_values, selected) {

		this.linked = $H(linked);

		this.searchUrl = searchUrl;

		this.currentProduct = $H(selected['product']).keys()[0] || 1;


		this.createDebug()
		this.products = $H();
		this.categories = $H();
		this.selectedProducts = $H(selected['product']) || $H();
		this.selectedCategories = $H(selected['category']) || $H();

		this.linked.each(function(item) {
			this.categories.set(item.value, $H());
		}.bind(this))


		this.params = {
			category: "?value=categories&id=",
			product: "?value=products"
		}


		this.productSelector = new InputSelector($(product_values.outer_id), $(product_values.inner_id),
				$(product_values.outer_id).select('input')[0],
				this.products, this.selectedProducts, null, {count: 1, width:220},

		{
			url:this.searchUrl ,
			param_prefix: this.params.product ,
			param_value:""
		}
				, $(product_values.inner_form), $(product_values.outer_form)
				)
		this.productSelector.rowListener = this.rowListener
		this.productSelector.setDisabled = this.setDisabled
		this.productSelector.isAllUnChecked = this.isAllUnChecked
		this.productSelector.uncheckAllAdditionalListener = this.uncheckAllAdditionalListener
		this.productSelector.isCheckAllButtonVisible = false;

		this.categorySelector = new InputSelector($(category_values.outer_id), $(category_values.inner_id),
				$(category_values.outer_id).select('input')[0],
				this.categories.get(this.linked.get(this.currentProduct)), this.selectedCategories, null, {count: 4, width:160},
		{
			url:this.searchUrl ,
			param_prefix: this.params.category ,
			param_value:this.currentProduct
		}
				, $(category_values.inner_form), $(category_values.outer_form)
				)


		this.productSelector.categories = this.categories;

		this.productSelector.linked = this.linked;
		this.productSelector.categorySelector = this.categorySelector;


		this.productSelector.baseProduct = "1";
		this.productSelector.baseCategoryOfProduct = this.linked.get(this.productSelector.baseProduct);

		this.productSelector.selectedProduct = this.currentProduct;
		this.productSelector.selectedCategoryOfProduct = this.linked.get(this.currentProduct);

	},
	uncheckAllAdditionalListener: function() {
		//this.categories.set(this.selectedProduct, this.categorySelector.listOfValues)

		this.selectedProduct = this.baseProduct
		this.selectedCategoryOfProduct = this.baseCategoryOfProduct;

		var equal = this.categorySelector.listOfValues.keys().length == this.categories.get(this.selectedCategoryOfProduct).keys().length

		if (equal)
			for (var i = 0; i < this.categorySelector.listOfValues.keys(); i++) {
				var key = this.categorySelector.listOfValues.keys()[i]
				equal = this.categorySelector.listOfValues.get(key) == this.categories.get(this.selectedCategoryOfProduct).get(key)
				if (!equal) break;
			}

		this.categorySelector.searchUrl['param_value'] = this.selectedProduct;
		this.categorySelector.listOfValues = this.categories.get(this.selectedCategoryOfProduct)
		if (!equal) {
			this.categorySelector.uncheckAllListener();
		}

	},

	setDisabled: function(value) {

		if (this.selectedListOfValues.keys().length > 0) {
			return !(this.linked.get(value) == this.linked.get(this.selectedProduct))

		} else return false;

	},

	isAllUnChecked: function() {
		var exist = true;
		for (var i = 0; i < this.popupInputs.length; i++) {
			if (this.popupInputs[i].checked) {
				exist = false;
				break;
			}
		}
		return exist;
	},

	rowListener : function(element) {

		//put loaded list to hash from "memory"
		var memoryProduct = this.selectedCategoryOfProduct;
		this.categories.set(memoryProduct, this.categorySelector.listOfValues)

		this.selectedProduct = element.value;
		this.selectedCategoryOfProduct = this.linked.get(this.selectedProduct);


		if (this.isAllUnChecked()) {
			//default state
			for (var i = 0; i < this.popupInputs.length; i++) {
				this.popupInputs[i].disabled = false;
			}
			this.selectedProduct = this.baseProduct
			this.selectedCategoryOfProduct = this.baseCategoryOfProduct;

		} else {
			//disable products with unlinked categories
			for (var i = 0; i < this.popupInputs.length; i++) {
				this.popupInputs[i].disabled = this.linked.get(this.popupInputs[i].value) != this.linked.get(this.selectedProduct);
			}
		}
		//set up params
		this.categorySelector.searchUrl['param_value'] = this.selectedProduct;


		this.categorySelector.doAjax = this.categories.get(this.selectedCategoryOfProduct).keys().length == 0;
		this.categorySelector.listOfValues = this.categories.get(this.selectedCategoryOfProduct)

		if (memoryProduct != this.selectedProduct) {
			this.categorySelector.uncheckAllListener();
		}
	}
	,
	createDebug: function() {
		this.status = new Element('div',
		{
			style:'position:absolute; z-index:1290;padding:0;margin:0;' +
				  'background:orange;border:0; color:#fff; top:0;left:0'
		});
		document.body.appendChild(this.status);
		this.status.update("")
	}
	,

	createPopupContainer: function(x, y) {
		var element = new Element('div',
		{
			style:'display:none;' +
				  'position:absolute;' +
				  'left:' + x + "px;" +
				  'top:' + y + "px;"
		});
		document.body.appendChild(element);
		element.addClassName('search_elem_over');
		return element;
	}
}

var HeaderProductAndCategorySearchSelector = Class.create(ProductAndCategorySearchSelector);
var AdvansedProductAndCategorySearchSelector = Class.create(ProductAndCategorySearchSelector);

var AuthorSearchSelector = Class.create();
AuthorSearchSelector.prototype = {

	initialize: function(searchUrl, selectedAuthors, author_values) {
		this.authors = $H();
		this.searchUrl = searchUrl;
		this.selectedAuthors = $H(selectedAuthors) || $H();
		this.authorSelector = new InputSelector($(author_values.outer_id), $(author_values.inner_id),
				$(author_values.outer_id).select('input')[0],
				this.authors, this.selectedAuthors, null, {count: 4, width: 160},
		{
			url:this.searchUrl ,
			param_prefix: "?value=authors" ,
			param_value:""
		}
				, $(author_values.inner_form), $(author_values.outer_form)
				)

	}
}

var LeftCategoryToggle = Class.create();
LeftCategoryToggle.prototype = {
	initialize: function(products, options, debug) {

		this.debug = debug

		if (this.debug || true) {
			this.createDebug();
		}


		this.products = products;

		this.options = Object.extend(this.prepareElementsIdsNames(), options);

		this.product = {};
		this.no_empty = {};
		this.toggle = {};
		this.toggleAll = {};

		$A(this.products).each(function(workProductNumber) {
			this.prepareAllListsForProduct(workProductNumber)
		}.bind(this))
		$A(this.products).each(function(workProductNumber) {
			this.attachObservers(workProductNumber)
		}.bind(this))

		this.setupAllGroups();
	},
	setupAllGroups: function() {
		if (this.options.currentProduct != "") {
			setCookie("left_product_" + this.options.currentProduct, "all")
		}
	} ,
	createDebug: function() {
		this.status = new Element('div',
		{
			style:'position:absolute; z-index:1290;padding:0;margin:0;background:orange;border:0; ' +
				  'color:#fff; font-weight:bold;top:0;'
		});
		document.body.appendChild(this.status);
		this.status.update("")
	} ,

	putDebug: function(s) {
		$(this.status).update($(this.status).innerHTML + s)
	} ,

	prepareElementsIdsNames: function() {
		return {
			currentProduct : "",
			productGroup: {
				prefix: "product",
				suffix: "_group"
			},
			noEmptyGroup: {
				prefix: "no_empty_product",
				suffix: "_group"
			},
			toggleAll: {
				prefix: "product",
				open_suffix: "_open_all",
				close_suffix: "_close_all"
			},
			toggle: {
				prefix: "product",
				open_suffix: "_open",
				close_suffix: "_close"
			}
		}
	},

	prepareAllListsForProduct: function(workProductNumber) {
		this.product[workProductNumber] = $(this.options.productGroup['prefix'] + workProductNumber + this.options.productGroup['suffix'])

		this.toggle[workProductNumber] = {}
		this.toggleAll[workProductNumber] = {}

		try {
			this.no_empty[workProductNumber] = $(this.options.noEmptyGroup['prefix'] + workProductNumber + this.options.noEmptyGroup['suffix'])

			this.toggle[workProductNumber]["close"] = $(this.options.toggle['prefix'] + workProductNumber + this.options.toggle['close_suffix'])
			this.toggle[workProductNumber]["open"] = $(this.options.toggle['prefix'] + workProductNumber + this.options.toggle['open_suffix'])

		} catch(e) {

		}

		if (this.debug) {
			this.putDebug(workProductNumber)
		}

		this.toggleAll[workProductNumber]['close'] = $(this.options.toggleAll['prefix'] + workProductNumber + this.options.toggleAll['close_suffix'])
		this.toggleAll[workProductNumber]['open'] = $(this.options.toggleAll['prefix'] + workProductNumber + this.options.toggleAll['open_suffix'])
	},


	attachObservers: function(work_product_number) {
		this.attachObserversForTopToggleButton(work_product_number);
		this.attachObserversForBottomToggleButton(work_product_number);
	},

	attachObserversForTopToggleButton: function(work_product_number) {

		this.toggleAll[work_product_number]["close"].observe('click', function() {

			Effect.BlindUp(this.product[work_product_number], {duration:0.2})

			this.toggleAll[work_product_number]["close"].hide();
			this.toggleAll[work_product_number]["open"].show();

			try {
				this.toggle[work_product_number]["open"].hide();
				this.toggle[work_product_number]["close"].hide();
			} catch(e) {
			}


			setCookie("left_product_" + work_product_number, "none")

		}.bind(this))

		this.toggleAll[work_product_number]["open"].observe('click', function() {


			if (this.product[work_product_number].getStyle("display") == "none") {
				try {
					this.no_empty[work_product_number].show();
					this.toggle[work_product_number]["close"].show();
				} catch(e) {
				}
				Effect.BlindDown(this.product[work_product_number], {duration:0.2});

			} else {
				try {
					if (this.no_empty[work_product_number].getStyle("display") == "none") {
						this.toggle[work_product_number]["close"].show();
						Effect.BlindDown(this.no_empty[work_product_number], {duration:0.2});
					}
				} catch(e) {
				}

			}


			this.toggleAll[work_product_number]["open"].hide();
			this.toggleAll[work_product_number]["close"].show();

			try {
				this.toggle[work_product_number]["open"].hide();
				this.toggle[work_product_number]["close"].show();
			} catch(e) {
			}

			setCookie("left_product_" + work_product_number, "all")

		}.bind(this))
	},

	attachObserversForBottomToggleButton: function(work_product_number) {

		try {
			this.toggle[work_product_number]["close"].observe('click', function() {
				Effect.BlindUp(this.no_empty[work_product_number], {duration:0.2})
//				this.toggle[work_product_number]["open"].show();
				this.toggle[work_product_number]["close"].hide();


				this.toggleAll[work_product_number]["close"].hide();
				this.toggleAll[work_product_number]["open"].show();

				setCookie("left_product_" + work_product_number, "", -1)

			}.bind(this))

			this.toggle[work_product_number]["open"].observe('click', function() {

				Effect.BlindDown(this.no_empty[work_product_number], {duration:0.2});
				this.toggle[work_product_number]["open"].hide();
				this.toggle[work_product_number]["close"].show();

				this.toggleAll[work_product_number]["open"].hide();
				this.toggleAll[work_product_number]["close"].show();

				setCookie("left_product_" + work_product_number, "all")
			}.bind(this))
		} catch(e) {
		}
	}

}

var LanguageToggle = Class.create();
LanguageToggle.prototype = {
	initialize: function(toggle_button, lang_list, lang_corners, debug) {

		this.debug = debug
		if (this.debug) {
			this.createDebug();
		}

		this.buttonBuy = $(toggle_button)
		this.list = $(lang_list)
		this.corners = $(lang_corners)

		$(this.list).setStyle({display: "none"})

		if (this.debug) {
			this.putDebug($(this.list).style.display)
		}

		this.attachObservers()

	},
	createDebug: function() {
		this.status = new Element('div',
		{
			style:'position:absolute; z-index:1290;padding:0;margin:0;' +
				  'background:orange;border:0; color:#fff; font-weight:bold;top:0;'
		});
		document.body.appendChild(this.status);
		this.status.update(" ")
	} ,
	putDebug: function(s) {
		$(this.status).update($(this.status).innerHTML + s)
	} ,

	attachObservers: function() {
		this.attachObserverToButton()
		this.attachObserverToBody()
	},

	attachObserverToBody: function() {
		Event.observe(document.body, 'click', function(event) {
			event.cancelBubble = false;
			this.closeList()
		}.bindAsEventListener(this))
	},

	attachObserverToButton: function() {
		if ($(this.list).childElements().length > 0) {
			$(this.buttonBuy).observe('click', function(event) {
				if (this.list.getStyle("display") == "none") {
					this.openList()
				} else {
					this.closeList()
				}
			}.bindAsEventListener(this))
		}
	},
	openList : function() {
		this.corners.hide()
		Effect.SlideDown(this.list, {duration:0.2})
	},
	closeList : function() {
		this.list.hide()
		this.corners.show()
	}

}

var ItemTooltipList = Class.create({

	initialize: function(items1, items2, host) {
		this.items = $$("." + items1);
		this.descriptionItems = $$("." + items2);
		this.host = host || "";
        var id = 0;
		$A(this.items).each(function(item) {
			this.setBigPreview(item, id);
            id++;
		}.bind(this));


		$A(this.descriptionItems).each(function(item) {
			this.setAjaxPreview(item);
		}.bind(this));

	},
	setAjaxPreview: function(item) {
		var loading = "<img src='/images/groupview-loader.gif'/> Loading ..."
		new ToolTip(item, loading, {className : "darktip"}, this.host + '/jsonPopup.jhtml?type=groupview&viewId=' + item.getAttribute("viewid"))

	},
	setBigPreview: function(item, id) {
		try {
			var data = item.getAttribute("name").evalJSON();
			var fullInnerHTML = '';
			var line;

			fullInnerHTML += "<p class='bold align_center' style='width:" + data[0] + "px'>" + data[2] + " #" + data[3] + "</p>";

			fullInnerHTML += "<div class='loading_preview' id='line_" + id + "-" +data[3] + "'>Loading...<br/><div class='loading_out'><div class='loading_in' style='width:50px;'> </div></div></div>";

			fullInnerHTML += "<div class='align_center'  style='width:" + data[0] + "px;height:" + data[1] + "px;'><img onload=\"clearInt()\" src='" + data[4] + "' alt='" + data[5] + "' title='" + data[6] + "'/></div>";


			var tooltip = new ToolTip(item, fullInnerHTML, {className : "image_preview", delay:2000});
			tooltip.onStartAction = function() {
				loader('loading_in', 'loading_out', "line_" + id + "-" + data[3]);
			};
			tooltip.onOutAction = function() {
				clearInt();
                $(tooltip.outer).hide();
                $(tooltip.outerIframe).hide();
			};
            $(item.id).onclick = function(){
                $(tooltip.outer).hide();
                $(tooltip.outerIframe).hide();
            };
		} catch(e) {
		}
	}
})

var inner_loading;
var outer_loading;
var full_loading;
var timer;

function loader(in_id, out_id, full) {
	try {
		full_loading = $(full)
		inner_loading = $$("#" + full + " ." + in_id)[0];
		outer_loading = $$("#" + full + " ." + out_id)[0];

		full_loading.style.display = "";
		timer = setInterval("move()", 30);
	} catch(e) {

	}
}
function move() {
	try {
		if (inner_loading.offsetLeft >= outer_loading.clientWidth) {
			inner_loading.style.left = "-" + inner_loading.getStyle("width")
		} else {
			inner_loading.style.left = (inner_loading.offsetLeft + 6) + "px"
		}
	} catch(e) {
	}
}
function clearInt() {
	try {
		full_loading.style.display = "none";
		inner_loading.style.left = "-" + inner_loading.style.width;
		clearInterval(timer);
	} catch(e) {
	}
}


var DownloadList = Class.create({
	initialize: function(messages, column, url, template, autoRefresh) {
		this.messages = $H(messages)
		this.autoRefresh = autoRefresh
		this.doTooltips();


		this.url = url;
		this.template = new Template(template.innerHTML, /(^|.|\r|\n)(\#\s*(\w+)\s*#)/);
		this.forAjaxItems = $$("." + column);
		this.timer = {}

		this.doAjax();
	}	   ,

	doTooltips: function() {
		this.messages.each(function(type) {
			var className = "." + type.key
			this.items = $$(className)
			var text = $(type.value).innerHTML
			$A(this.items).each(function(item) {
				new ToolTip(item, text, {className : "darktip"});
			}.bind(this))
		}.bind(this))
	}  ,

	doAjax : function() {
		var timeInMili = 1000 * this.autoRefresh;
		this.timer = setInterval(function() {
			this.doAjaxItems()
		}.bind(this), timeInMili)

	},

	doAjaxItems : function() {
		var ids = new Array();
		var index = 0;

		$A(this.forAjaxItems).each(function(item) {
			ids[index++] =  item.id;
		}.bind(this))

		if (ids.length > 0) {
			new Ajax.Request(this.url, {
				method: 'post',
				parameters:{"ids" : ids.toJSON()},
				onComplete: function(transport) {
					this.onCompleteItems(transport.responseText.evalJSON())
				}.bindAsEventListener(this)
			})
		}
	}   ,

	onCompleteItems : function(data) {
		$A(data).each(function(item) {
			var s = "";
			item['closePassword'] = ""

			if (item['error'] != null) {
				Window.location = "/";
			} else {
				if (item['archivePassword'] == null || item['archivePassword'] == "" || item['archivePassword'] == "empty") {
					item['closePassword'] = "display_none"
				}
				s = this.template.evaluate(item);
				$(item["id"]).update(s);
			}
		}.bind(this))
	}
})

var TransactionStatusRefresher = Class.create({
	initialize: function(operationId, timeout, url, status) {
		this.operationId = operationId;
		this.timeout = timeout;
		this.status =  status;
		this.url = url;
		this.timer = {};
		this.startTimer();
	},
    setInitialText:function(status){
        if ((status == "Purchases Approved" || status == "Subscription") && $("orderInfoText")){
            this.setVisibleElement(false, "orderInfoText");
        }
    },
	startTimer : function() {
		var timeInMili = 1000 * this.timeout;
		this.timer = setInterval(function() {
			this.onTimer();
		}.bind(this), timeInMili);
	},
	onTimer : function() {
		new Ajax.Request(this.url, {
			method: 'post',
			parameters:{"operationId" : this.operationId, "status" : this.status} ,
			onComplete: function(transport) {
				this.onRequest(transport.responseText.evalJSON());
			}.bindAsEventListener(this)
		});
	},
	onRequest: function(data) {
        if (data['error'] != null) {
            window.location = "/";
        } else {
            if (data["status"] != this.status) {
                this.status = data["status"];
                this.setInitialText(this.status);
                if (data["view"] != null) {
                    $(this.operationId).update(data["view"]);
                }
                if (data["topText"] != null) {
                    $("topText").update(data["topText"]);
                }
                if (data["bottomText"] != null) {
                    $("bottomText").update(data["bottomText"]);
                }
           }
            if ((data["isContinue"] != null) && (data["isContinue"] == "false")) {
                clearInterval(this.timer);
            }
        }
    },
    setVisibleElement: function(visible, elementId) {
        if (visible) {
            document.getElementById(elementId).style.display = 'block';
        } else {
            document.getElementById(elementId).style.display = 'none';
        }
    }
})

var ComplectationList = Class.create({
	initialize: function(url, prefix, list, total, balance, balanceAfter, purchaseLink, list_outer) {
		this.prefixUrl = url
		this.prefix = prefix
		this.list = $$("." + list)
		this.total = (total == "") ? total : $(total)
		this.balance = (balance == "") ? balance : $(balance)
		this.balanceAfter = (balanceAfter == "") ? balanceAfter: $(balanceAfter)
        this.purchaseLink = (purchaseLink == "") ? purchaseLink: $(purchaseLink)
        this.outer = $(list_outer)

		$A(this.list).each(function(item) {
			item.onclick = function() {
				this.waitingEffect()
				this.remove(item.title)
				return false;
			}.bindAsEventListener(this)
		}.bind(this))


	},
	waitingEffect: function() {

		new Effect.Opacity(this.outer, {from: 1.0, to: 0.2, duration: 0.2});

		if (this.loader == null) {
			this.loader = new Element('img',
			{
				src:"/images/ajax-loader.gif",
				style:'position:absolute; top:50%;left:50%; display:block;margin-left:-25px;margin-top:-12px;'
			});
			this.outer.appendChild(this.loader);
		}
		this.loader.show()
	}   ,
	remove : function(item) {
		new Ajax.Request(this.prefixUrl + item + ".html", {
			onComplete: function(transport) {
				this.onRemoveComplete(transport.responseText, item)
				this.endEffect()
			}.bindAsEventListener(this),
			onFailure: function() {
				this.endEffect()
			}.bindAsEventListener(this)
		})
	} ,
	onRemoveComplete : function(result, item) {

		if (result.empty()) {
			window.location.reload()
		} else {
			try {
				var json = result.evalJSON(true);
				if (this.total) {
					this.total.update(json.total);
				}
				if (this.balance) {
					this.balance.update(json.balance);
				}
				if (this.balanceAfter) {
					this.balanceAfter.update(json.balanceAfter);
				}
                if (this.purchaseLink) {
                    this.purchaseLink.href = json.purchaseLink;
                }
            } catch(e) {

            }

			$(this.prefix + item).remove()
		}


	} ,
	endEffect : function() {
		this.loader.hide()
		new Effect.Opacity(this.outer, {from: 0.2, to: 1, duration: 0.2});

	}

})


var PriceTable = Class.create({
	initialize: function(outer, block, radios, list, url, trId) {
		this.outer = outer;
	if (!$(this.outer)) {
		return;
	}
		this.block = $(block);

		this.popupList = $$("." + list)

		this.url = url;


		this.trs = $A($(this.outer).select("tr"));
		this.trs = this.trs.without(this.trs[0]);
		this.radios = Form.getInputs($(this.outer), 'radio', radios);

		this.popupListener()
		this.rowListener()
	}  ,

	popupListener : function() {
		$A(this.popupList).each(function(item) {
			var loading = "<img src='/images/groupview-loader.gif'/> Loading ..."
			new ToolTip(item, loading, {className : "darktip"}, this.url + '?viewId=' + item.getAttribute("viewid"))
		}.bindAsEventListener(this))
	} ,

	rowListener : function() {

		for (var i = 0; i < this.trs.length; i++) {
			var item = this.trs[i];
			item.observe('click', function(item) {

				item.select("input")[0].checked = true;

				var position = $A(this.trs).indexOf(item);
				var index = 0;
				this.trs.each(function(tr) {
					var fw = "selected-price"

					if (index == position) {
						$(tr).addClassName(fw)
					} else {
						$(tr).removeClassName(fw)
					}

					index++;
				})
				fix_height_for_ie6(this.block)
			}.bind(this, item))


		}
	} ,

	getRadioValue : function(radios) {
		try {
			return radios.find(function(radio) {
				return radio.checked;
			}).value
		} catch(e) {

		}
		return null;
	}

})

function emailChecking(email) {
    //See module XmlRpcSerials, class EmailParser for details

//    var regEMail = /^[a-zA-Z0-9-_\.&\'*+/=?^{}~]+\@([a-zA-Z0-9-_]+\.)+[a-zA-Z]+$/;
    var regEMail = /^[\w\-\'\~\_\.\*\/=\^\{\}\?\+\!\#\$\%\&\`\|]+[\@][\w\_\.\-]+[\.][\w]{2,6}$/i;

    if ((email == '') || (email.length > 100) || (regEMail.exec(email) == null) || (email.substr(email.lastIndexOf('@') + 1, 1) == '.')) {
        return false;
    }

    var name = email.substring(0, email.indexOf('@'));

    if ((email.indexOf('..') > 0) || (name[0] == '.') || (name[name.length - 1] == '.')) {
        return false;
    }

    return true;
}

function onClickPreSubscribe() {
	try {
		var input = $('subscribeFormEmail');
		var error = {};
		error['invalid'] = $('subscribeFormEmailInvalid');
		error['empty'] = $('subscribeFormEmailEmpty');

		if (input.value.empty()) {
			error['empty'].style.display = ""
			error['invalid'].style.display = "none"
		} else
			if (emailChecking(input.value)) {
				error['empty'].style.display = "none"
				error['invalid'].style.display = "none"
				$('subscribeForm').submit();
			} else {
				error['invalid'].style.display = ""
				error['empty'].style.display = "none"
			}


		fix_height_for_ie6('subscribeFormBlock')
		return false;
	} catch(e) {

	}

}
function onClickSubscribe() {
	try {
		var checkbox = $('confirmCheckBox');
		var submit = $('onClickSubscribeSubmit');

		var checked = false;
		var checkedStr = '<img src="/images/check.gif" style="margin-top:-1px;"/>';

		try {
			checkbox.observe("click", function(event) {
				//alert(checked+" ")
				if (checked) {
					checked = false;
					checkbox.innerHTML = ""
				} else {
					checked = true;
					checkbox.innerHTML = checkedStr
					checkbox.removeClassName("error_checkbox")
				}

			})
		} catch(e) {
			alert(e)
		}

		try {
			submit.onclick = function() {
				if (checked) {
					$('subscribeForm').submit();
					return false;
				} else {
					checkbox.addClassName("error_checkbox")

				}
			}
		} catch(e) {
			alert(e)
		}


	} catch(e) {

	}

}
function getElementHeight(element){
    var elementHeight = 0;
    var elementsArray = element.childNodes;
    for (var i = 0; i < elementsArray.length; i++) {
        if (elementsArray[i].id != "left" && elementsArray[i].id != "footer" && elementsArray[i].id != "about_us_text"){
            elementHeight = elementHeight + elementsArray[i].offsetHeight;
        }
    }


    if (navigator.userAgent.indexOf("MSIE") != -1){
        if (document.getElementById("flashPlayer-membership")){
            elementHeight = elementHeight - 22;
        } else {
            elementHeight = elementHeight - 17;
        }
    }
    return elementHeight;
}

function calculateHeight(){
    if (document.getElementById("main") && document.getElementById("about_us_text")){
        document.getElementById("about_us_text").style.display = "block";
        offsetTopAbout = document.getElementById("about_us_text").offsetHeight;

        mainHeight = getElementHeight(document.getElementById("main"));
        document.getElementById("about_us_text").style.top = mainHeight + 5 + 'px';

        if (navigator.userAgent.indexOf("MSIE") != -1){
            document.getElementById("footer").style.marginTop =  offsetTopAbout + 6 +  'px';
            document.getElementById("footer").style.position = "absolute";
        } else if (navigator.userAgent.indexOf("Chrome") != -1){
                document.getElementById("footer").style.marginTop =  offsetTopAbout + 25 +  'px';
            } else {
                document.getElementById("footer").style.marginTop =  offsetTopAbout + 25 +  'px';
            }

    }
}