var IsIE = !!(window.attachEvent && !window.opera);
var IsOpera = !!window.opera;
var IsMozilla = navigator.userAgent.indexOf('Gecko') > -1 && navigator.userAgent.indexOf('KHTML') == -1;
function __(href,w,h){var width=arguments.length<2?820:w;var height=arguments.length<3?590:h;window.open(href+(href.indexOf('?')<0?'?':'&')+'window=' + Math.floor(Math.random() * 0xFFFFFFFF) ,Math.floor(Math.random() * 0xFFFFFFFF).toString(),'width='+width+',height='+height+',resizable=yes,scrollbars=yes');}

// ContextMenu
var __CM = [];
function __CCM() { var iid = arguments[0]; __CM[iid] = { id: iid, actions: [], timer: null, div: null }; __FCM(iid); }
function __FCM() { var iid = arguments[0]; var a = []; for (var i = 1; i < arguments.length; i += 4) a.push({ IconSrc: arguments[i], Href: arguments[i + 1], Target: arguments[i + 2], Caption: arguments[i + 3] }); __CM[iid].actions = a; }
function __PCM(id) { var angor = $('__CMA' + id); var div = new Element('div'); div.addClassName('ContextMenu'); div.style.position = 'absolute'; div.style.top = (angor.cumulativeOffset().top + angor.getHeight()) + 'px'; div.style.left = angor.cumulativeOffset().left + 'px'; return div; }
function __SCM(id) {
    var menu = __CM[id];
    if (menu == null) return;
    if (menu.timer != null) { clearTimeout(menu.timer); menu.timer = null; }
    if (menu.div != null) return;
    var div = __PCM(id);
    var s = '';
    var a = menu.actions;
    for (var i = 0; i < a.length; i++)
        s += '<a onmouseover="__SCM(\'' + id + '\');\" onmouseout=\"__HCM(\'' + id + '\');\" href="' + a[i].Href + '" target="' + a[i].Target + '"><img src="' + a[i].IconSrc + '" align="absmiddle" /><img src="img src="res/ac3/img/spacer.gif" width="10" height="1" align="absmiddle" />' + a[i].Caption + '</a>';
    div.update(s);
    $(document.body).insert(div);
    menu.div = div;
}
function __ACM(id, url) {
    var menu = __CM[id];
    if (menu == null) { __CCM(id); menu = __CM[id]; }
    if (menu.timer != null) { clearTimeout(menu.timer); menu.timer = null; }
    if (menu.div != null) return;
    var div = __PCM(id);
    div.update('<a class="ajax" onmouseover="__ACM(\'' + id + '\',\'' + url + '\');\" onmouseout=\"__HCM(\'' + id + '\');\" href="javascript:;"><center><br/><br/><img src="res/ac3/img/Ajax.gif" /><br/><br/><br/></center></a>');
    $(document.body).insert(div);
    menu.div = div;
    new Ajax.Request(url, { method: 'GET', onSuccess: function(transport) {
        eval(transport.responseText);
        var menu = __CM[id];
        if (menu == null) return;
        if (menu.div == null) return;
        var s = '';
        var a = menu.actions;
        for (var i = 0; i < a.length; i++)
            s += '<a onmouseover="__ACM(\'' + id + '\',\'' + url + '\');\" onmouseout=\"__HCM(\'' + id + '\');\" href="' + a[i].Href + '" target="' + a[i].Target + '"><img src="' + a[i].IconSrc + '" align="absmiddle" /><img src="img src="res/ac3/img/spacer.gif" width="10" height="1" align="absmiddle" />' + a[i].Caption + '</a>';
        menu.div.update(s);
    }
    });
}

function __HCM(id) { var menu = __CM[id]; if (menu == null) return; menu.timer = setTimeout("__DHCM('" + id + "');", 100); }
function __DHCM(id) { var menu = __CM[id]; if (menu == null) return; if (menu.div != null) { menu.div.remove(); menu.div = null; } menu.timer = null; }


function __InsertScripts(s) {
   var myRegExp = new RegExp('<\s*script.*?>(.*?)<\s*/script\s*>','g');
   var scripts = s.match(myRegExp);
   if (scripts) for (var i=0; i<scripts.length; i++) {
       var scripttag = window.document.createElement('script');
       var scriptcontent = scripts[i].substring(scripts[i].indexOf('>')+1,scripts[i].lastIndexOf('<'));
       try {scripttag.appendChild(window.document.createTextNode(scriptcontent));}
       catch(e) {scripttag.text = scriptcontent;} //IE
       window.document.getElementsByTagName('head')[0].appendChild(scripttag);
   }
}

// Balloons
function CallBalloon(url){CallBalloon(url,false);}
function CallBalloon(url,calculatesize){new Ajax.Request(url,{method:'GET',evalJS:true,onSuccess:function(transport){ShowBalloon(transport.responseText,'',calculatesize);}});}
function ShowBalloon(content,description){ShowBalloon(content,description,false);}
function ShowBalloon(content,description,calculatesize){
    new Insertion.Bottom($(document.body),'<div id="BalloonContainer" style="position:absolute;top:0px;left:0px;width:'+document.body.scrollWidth+'px;height:'+document.body.scrollHeight+'px;background:#1A1A1A;" ><div>');
    new Insertion.Bottom($(document.body),'<div id="curBalloonContainer" style="position:absolute;top:0px;left:0px;display:none;"><div>');
    if(calculatesize)new Insertion.Bottom($(document.body),'<div id="curBalloonDimensions" style="position:absolute;top:0px;left:0px;display:none;"><div>');
    if(calculatesize)$('curBalloonContainer').update(''+content+'');
    $('BalloonContainer').setOpacity(0.8);
    $('BalloonContainer').style.zIndex=200;
    $('BalloonContainer').onclick=function(){RemoveBalloon();}
    var initLeft=parseInt(((document.body.clientWidth-200)/2))+'px';
    var initTop=parseInt(((document.body.clientHeight-200)/2))+'px';
    new Insertion.Bottom($(document.body),'<table id="BalloonLayer" width="300px" height="170px" cellspacing="0" cellpadding="0" border="0" style="position:absolute;top:'+initTop+';left:'+initLeft+';z-index:201;">'
     + '<tr><td width="11" height="11"><img src="res/ac3/img/Balloon_tl.gif" /></td><td width="100%" style="background:#ffffff;"></td><td width="11" height="11"><img src="res/ac3/img/Balloon_tr.gif" /></td></tr>'
     + '<tr style="background:#ffffff;" height="100%"><td></td><td class="Balloon" id="BalloonRealContainer"><div style="text-align:center;"><img id="barberpole" src="res/ac3/img/BarberPole.gif" /></div></td><td></td></tr>'
     + '<tr style="background:#ffffff;" height="30"><td></td><td><table cellspacing="0" cellpadding="0" border="0"><tr><td id="BalloonDescription" width="100%">'
     + '</td><td valign="top" style="cursor:pointer;"><img src="res/ac3/img/Balloon_close.gif"  onclick="RemoveBalloon();"></td></tr></table></td><td></td></tr>'
     + '<tr><td width="11" height="11"><img src="res/ac3/img/Balloon_bl.gif" /></td><td width="100%" style="background:#ffffff;"></td><td width="11" height="11"><img src="res/ac3/img/Balloon_br.gif" /></td></tr>'
     + '</table>');
    if(calculatesize){
        new Insertion.Bottom($('curBalloonDimensions'),$('curBalloonContainer').getWidth());
        new Insertion.Bottom($('curBalloonDimensions'),$('curBalloonContainer').getHeight());
    }
    BalloonPositionTimer=setInterval(CenterBalloon,100);
	if(calculatesize){new PeriodicalExecuter(function(pe){$('BalloonRealContainer').update('');ResizeBalloon(parseInt($('curBalloonContainer').getWidth())+22,parseInt($('curBalloonContainer').getHeight())+62,30,content,''+description+'');pe.stop();},0.3);}
	else {
	    $('BalloonRealContainer').update(content);
	    $('BalloonDescription').update(description);
        //add javascript
	    var myRegExp = new RegExp("<\s*script.*?>(.*?)<\s*/script\s*>","g");
        var scripts = content.match(myRegExp);
        if (scripts) for (var i=0; i<scripts.length; i++) {
            var scripttag = window.document.createElement("script");
            var scriptcontent = scripts[i].substring(scripts[i].indexOf('>')+1,scripts[i].lastIndexOf('<'));
            try {scripttag.appendChild(window.document.createTextNode(scriptcontent));}      
            catch(e) {scripttag.text = scriptcontent;}      
            window.document.getElementsByTagName('head')[0].appendChild(scripttag);
        }
	}
	CenterBalloon();
}
function RemoveBalloon(){
	$('BalloonRealContainer').update('');
	if($('curBalloonContainer')!=null)$('curBalloonContainer').update('');
	if($('curBalloonDimensions')!=null)$('curBalloonDimensions').remove();
	$('BalloonRealContainer').remove();
	$('BalloonContainer').remove();
	if($('curBalloonContainer')!=null)$('curBalloonContainer').remove();
	$('BalloonLayer').remove();
	clearInterval(BalloonPositionTimer);
}
function CenterBalloon(){
	try{
		$('BalloonLayer').style.left=parseInt(((document.body.clientWidth-$('BalloonLayer').getWidth())/2))+'px';
		$('BalloonLayer').style.top=parseInt(((document.body.clientHeight-$('BalloonLayer').getHeight())/2)+document.body.scrollTop)+'px';
	}catch(err){}
}
function ResizeBalloon(toWidth,toHeight,frames,content,description){

	if(toWidth>parseInt(document.body.clientWidth)){toWidth=document.body.clientWidth};
	if(toHeight>parseInt(document.body.clientHeight)){toHeight=document.body.clientHeight};
	var curwidth=parseInt($('BalloonLayer').getWidth());
	var curheight=parseInt($('BalloonLayer').getHeight());
	var defWidth = ((Math.abs(parseInt(toWidth))-Math.abs(parseInt(curwidth))));
	var defHeight = ((Math.abs(parseInt(toHeight))-Math.abs(parseInt(curheight))));
	var dw = defWidth / frames;
	var dh = defHeight / frames;
	for (i = 0; i < frames-1; i++)setTimeout("DoResizeBalloon("+(curwidth+i*dw)+","+(curheight+i*dh)+");", (i+1)*10); 
	new PeriodicalExecuter(function(pe) {DoResizeBalloon(toWidth,toHeight);pe.stop();},frames*0.01);
	new PeriodicalExecuter(function(pe) {
	    $('BalloonRealContainer').update(content);
	    $('BalloonDescription').update(description);
        //add javascript
	    var myRegExp = new RegExp("<\s*script.*?>(.*?)<\s*/script\s*>","g");
        var scripts = content.match(myRegExp);
        if (scripts) for (var i=0; i<scripts.length; i++) {
            var scripttag = window.document.createElement("script");
            var scriptcontent = scripts[i].substring(scripts[i].indexOf('>')+1,scripts[i].lastIndexOf('<'));
            try {scripttag.appendChild(window.document.createTextNode(scriptcontent));}      
            catch(e) {scripttag.text = scriptcontent;}      
            window.document.getElementsByTagName('head')[0].appendChild(scripttag);
        }
	    pe.stop();
	},frames*0.01+0.3);
}
function DoResizeBalloon(toWidth,toHeight){$('BalloonLayer').style.width=toWidth+'px';$('BalloonLayer').style.height=toHeight+'px';CenterBalloon();}
function ChangeBalloonContent(content,description){
    $('curBalloonContainer').update(''+content+'');
    $('BalloonDescription').update('');
    $('BalloonRealContainer').update('<div style="text-align:center;"><img id="barberpole" src="res/ac3/img/BarberPole.gif" /></div>');
    new Insertion.Bottom($('curBalloonDimensions'),$('curBalloonContainer').getWidth());
    new Insertion.Bottom($('curBalloonDimensions'),$('curBalloonContainer').getHeight());
    BalloonPositionTimer=setInterval(CenterBalloon,100);
	new PeriodicalExecuter(function(pe){$('BalloonRealContainer').update('');ResizeBalloon(parseInt($('curBalloonContainer').getWidth())+22,parseInt($('curBalloonContainer').getHeight())+62,30,''+content+'',''+description+'');pe.stop();},0.3);
	CenterBalloon();
}

//Ajax wait control
function ShowAjaxUpdateControl(){new Insertion.Bottom($(document.body),'<div id="AjaxUpdateDiv" style="position:absolute;top:'+parseInt(((document.body.clientHeight-200)/2))+'px;left:'+parseInt(((document.body.clientWidth-200)/2))+'px;width:200px;height:100px;"><div style="position:relative;"><img src="res/ac3/img/AjaxUpdateBalloon.gif"><img src="res/ac3/img/AjaxUpdateCircle.gif" style="position:absolute;left:85px;top:15px;"></div><div>');$('AjaxUpdateDiv').setOpacity(0.9);$('AjaxUpdateDiv').style.zIndex=210;$('AjaxUpdateDiv').style.left=parseInt(((document.body.clientWidth-$('AjaxUpdateDiv').getWidth())/2))+'px';$('AjaxUpdateDiv').style.top=parseInt(((document.body.clientHeight-$('AjaxUpdateDiv').getHeight())/2)+document.body.scrollTop)+'px';}
function HideAjaxUpdateControl(){$('AjaxUpdateDiv').remove();}

//Tooltip control call from BalloonTooltipControl :Look active/controls/generic
function showTooltip(obj,txt){


if(Object.isElement($('balloon_tooltip_'+obj.id))!=true){var tooltip='';
new Insertion.Bottom($(document.body),'<div id="tooltip_tempcontainer_'+obj.id+'" style="position:absolute;top:0px;left:0px;display:none;"></div>');
$('tooltip_tempcontainer_'+obj.id).update(txt);var tempWidth=$('tooltip_tempcontainer_'+obj.id).getWidth();
if(parseInt(document.body.clientWidth/2)>parseInt(obj.cumulativeOffset().left+obj.getWidth())){		
tooltip='<table id="balloon_tooltip_'+obj.id+'"   border="0" cellspacing="0" cellpadding="0" style="position:absolute;top:'+(obj.cumulativeOffset().top-25)+'px;left:'+(obj.cumulativeOffset().left+obj.getWidth())+'px;">'+
'<tr><td >&nbsp;</td><td align="right" valign="top"><img src="res/ac3/img/tooltip_top_left.gif"></td>'+
'<td  height="16" style="background-color:#FFFFFF;border-top:1px solid #979797;"><img src="res/ac3/img/spacer.gif"></td>'+
'<td><img src="res/ac3/img/tooltip_top_right.gif"></td></tr>'+
'<tr><td valign="top"><table border="0" cellspacing="0" cellpadding="0" height="100%"><tr><td align="right"><img src="res/ac3/img/tooltip_arrow_left.gif" ></td></tr>'+
'<tr><td align="right" id="tooltip_left_side_'+obj.id+'" style="border-right:1px solid #979797;" height="100%"><img src="res/ac3/img/spacer.gif" height="100%"></td></tr></table>'+
'</td><td width="16" style="background-color:#FFFFFF;"><img src="res/ac3/img/spacer.gif" width="16"></td>'+
'<td id="tooltip_container_'+obj.id+'" style="background-color:#FFFFFF;" valign="top" >'+
'</td><td width="16" height="100%" style="background-color:#FFFFFF;border-right:1px solid #979797;"><img src="res/ac3/img/spacer.gif"></td></tr>'+
'<tr><td>&nbsp;</td><td align="right"><img src="res/ac3/img/tooltip_bottom_left.gif"></td>'+
'<td  height="16" style="background-color:#FFFFFF;border-bottom:1px solid #979797;"><img src="res/ac3/img/spacer.gif"></td>'+
'<td><img src="res/ac3/img/tooltip_bottom_right.gif"></td></tr></table>';
}else{
tooltip='<table id="balloon_tooltip_'+obj.id+'"   border="0" cellspacing="0" cellpadding="0" style="position:absolute;top:'+(obj.cumulativeOffset().top-25)+'px;left:'+(obj.cumulativeOffset().left-tempWidth-62)+'px;">'+
'<tr><td align="right" valign="top"><img src="res/ac3/img/tooltip_top_left.gif"></td>'+
'<td  height="16" style="background-color:#FFFFFF;border-top:1px solid #979797;"><img src="res/ac3/img/spacer.gif"></td>'+
'<td><img src="res/ac3/img/tooltip_top_right.gif"></td><td >&nbsp;</td></tr>'+
'<tr><td width="16" style="background-color:#FFFFFF;border-left:1px solid #979797;"><img src="res/ac3/img/spacer.gif" width="16"></td>'+
'<td id="tooltip_container_'+obj.id+'" style="background-color:#FFFFFF;" valign="top"></td><td width="16" height="100%" style="background-color:#FFFFFF;">'+
'<img src="res/ac3/img/spacer.gif"></td><td valign="top"><table border="0" cellspacing="0" cellpadding="0" height="100%"><tr><td align="left"><img src="res/ac3/img/tooltip_arrow_right.gif" ></td></tr><tr><td align="left" id="tooltip_left_side_'+obj.id+'" style="border-left:1px solid #979797;" height="100%"><img src="res/ac3/img/spacer.gif" height="100%"></td></tr></table></td></tr>'+
'<tr><td align="right"><img src="res/ac3/img/tooltip_bottom_left.gif"></td>'+
'<td  height="16" style="background-color:#FFFFFF;border-bottom:1px solid #979797;"><img src="res/ac3/img/spacer.gif"></td>'+
'<td><img src="res/ac3/img/tooltip_bottom_right.gif"></td><td>&nbsp;</td></tr></table>';
}
new Insertion.Bottom($(document.body),tooltip);
$('balloon_tooltip_'+obj.id).setOpacity(0.95);
$('balloon_tooltip_'+obj.id).style.zIndex=300;
$('tooltip_container_'+obj.id).update(txt);
//new Insertion.Bottom($('tooltip_container_'+obj.id),txt);
$('tooltip_left_side_'+obj.id).style.height=$('tooltip_container_'+obj.id).getHeight()-18;}
$('tooltip_tempcontainer_'+obj.id).remove();
}function hideTooltip(obj){$('balloon_tooltip_'+obj.id).remove();}



//IMAGE GALERY
//usage: <div id="test"></div>
//var box;
//var images=[];
//document.observe("dom:loaded", function() { 
//images[0]={src:'skn/scirocco/scirocco1_B.jpg',description:'Scirocco',name:'Scirocco 1.6 140ps'};
//images[1]={src:'skn/obt_v2_05.jpg',description:'obt asdasd asd asd sad sad sa dsadg ajhsd jhgj sahd<br/>sadsad sada ssad',name:'Obt logo'};
//images[2]={src:'skn/scirocco/scirocco3.jpg',description:'image3',name:'Im3'};
//images[3]={src:'skn/map_greece.gif',description:'Map of Greece',name:'Map'};
//images[4]={src:'skn/scirocco/scirocco2_B.jpg',description:'image2',name:'Im2'};
//images[5]={src:'skn/scirocco/scirocco3_B.jpg',description:'image4',name:'Im4'};
//images[6]={src:'skn/scirocco/scirocco4_B.jpg',description:'image5',name:'Im5'};
//images[7]={src:'skn/scirocco/scirocco5.jpg',description:'image6',name:'Im6'};
//images[8]={src:'skn/scirocco/scirocco5_B.jpg',description:'image7',name:'Im7'};
//box = new protoLightBox("test",images,0,{opacity:0.9});
//box.show();
var protoLightBoxFooterHover = false;
var protoLightBox = Class.create({
    initialize: function(name, images, index, options) {
        this.name = name;
        this.images = images;
        this.index = index;
        if (this.index == null) this.index = 0;
        this.options = Object.extend({
            opacity: 0.6
        }, options || {});
    },
    show: function() {
        this.show(0);
    },
    show: function(imgindex) {
        if (this.images.length == 0) return;
        if (imgindex == null) this.index = 0;
        else {
            if (imgindex >= this.images.length) this.index = 0;
            else this.index = imgindex;
        }

        var newImg = new Element('img');
        newImg.src = this.images[this.index].src;
        var imgsrc = newImg.src;
        var newHeight = 0;
        var newWidth = 0;
        var newLeft = 0;
        var newTop = 0;
        var Dwidth = (window.innerWidth ? window.innerWidth : document.body.clientWidth);
        var Dheight = (window.innerHeight ? window.innerHeight : document.body.clientHeight);

        var footer = '';

        if (!protoLightBoxFooterHover) {
            footer = '<div id="protoLightBoxFooter' + this.name + '" style="overlow:hidden;background:#ffffff;"><table cellpadding="0" id="protoLightBoxFooterTable' + this.name + '" cellspacing="0"  border="0" style="background:#ffffff;"><tr>';
            footer += '<td width="100%" align="left" valign="middle"><div style="padding:3px;">';
            footer += (this.images[this.index].name != null ? ('<b style="font:bold 12px/14px Tahoma;color:#000000;" id="protoLightBoxName' + this.name + '"  class="protoLightBoxName" >' + this.images[this.index].name + '</b><br/>') : '');
            footer += (this.images[this.index].description != null ? ('<b style="font:normal 12px/14px Tahoma;color:#000000;" id="protoLightBoxDescription' + this.name + '" class="protoLightBoxDescription">' + this.images[this.index].description + '</b>') : '');
            footer += '</div></td>';
            footer += '<td valign="bottom" ><img src="res/ac3/img/spacer.gif" width="2" height="1"/></td>';
            footer += '<td valign="bottom" nowrap="nowrap" style="font:normal 12px/14px Tahoma;padding:3px;color:#000000;"><img onmouseout="this.src=\'res/ac3/img/protolightbox_previous.gif\'" onmouseover="this.src=\'res/ac3/img/protolightbox_previous_over.gif\'" src="res/ac3/img/protolightbox_previous.gif" id="protoLightBoxPrevius' + this.name + '" style="cursor:pointer" align=\"absmiddle\" /></td>';
            footer += '<td valign="bottom" nowrap="nowrap" style="font:normal 12px/14px Tahoma;padding:3px;color:#000000;" id="protoLightBoxLegent' + this.name + '"  class="protoLightBoxLegent"><b id="protoLightBoxIndex' + this.name + '"  >' + (this.index + 1) + '</b> / <b>' + this.images.length + '</b></td>';
            footer += '<td valign="bottom" nowrap="nowrap" style="font:normal 12px/14px Tahoma;padding:3px;color:#000000;"><img onmouseout="this.src=\'res/ac3/img/protolightbox_next.gif\'" onmouseover="this.src=\'res/ac3/img/protolightbox_next_over.gif\'" src="res/ac3/img/protolightbox_next.gif"  id="protoLightBoxNext' + this.name + '" style="cursor:pointer;"  align=\"absmiddle\" /></td>';
            footer += '</tr></table></div>';
        } else {
            footer = '<div id="protoLightBoxFooter' + this.name + '" style="overlow:hidden;background:#ffffff;"><table cellpadding="0" id="protoLightBoxFooterTable' + this.name + '" cellspacing="0"  border="0" style="background:#ffffff;"><tr>';
            footer += '<td valign="middle" ><img src="res/ac3/img/spacer.gif" width="2" height="1"/></td>';
            footer += '<td valign="middle" nowrap="nowrap" style="font:normal 12px/14px Tahoma;padding:3px;color:#000000;"><img onmouseout="this.src=\'res/ac3/img/protolightbox_left_black.gif\'" onmouseover="this.src=\'res/ac3/img/protolightbox_left_white.gif\'" src="res/ac3/img/protolightbox_left_black.gif" id="protoLightBoxPrevius' + this.name + '" style="cursor:pointer" align=\"absmiddle\" /></td>';
            footer += '<td width="100%" align="left" valign="middle"><div style="padding:3px;">';
            footer += (this.images[this.index].name != null ? ('<b style="font:bold 12px/14px Tahoma;color:#000000;" id="protoLightBoxName' + this.name + '"  class="protoLightBoxName" >' + this.images[this.index].name + '</b><br/>') : '');
            footer += (this.images[this.index].description != null ? ('<b style="font:normal 12px/14px Tahoma;color:#000000;" id="protoLightBoxDescription' + this.name + '" class="protoLightBoxDescription">' + this.images[this.index].description + '</b>') : '');
            footer += '</div></td>';
            footer += '<td valign="middle" ><img src="res/ac3/img/spacer.gif" width="2" height="1"/></td>';
            footer += '<td valign="middle" nowrap="nowrap" style="font:normal 12px/14px Tahoma;padding:3px;color:#000000;" id="protoLightBoxLegent' + this.name + '"  class="protoLightBoxLegent"><b id="protoLightBoxIndex' + this.name + '"  >' + (this.index + 1) + '</b> / <b>' + this.images.length + '</b></td>';
            footer += '<td valign="middle" nowrap="nowrap" style="font:normal 12px/14px Tahoma;padding:3px;color:#000000;"><img onmouseout="this.src=\'res/ac3/img/protolightbox_right_black.gif\'" onmouseover="this.src=\'res/ac3/img/protolightbox_right_white.gif\'" src="res/ac3/img/protolightbox_right_black.gif"  id="protoLightBoxNext' + this.name + '" style="cursor:pointer;"  align=\"absmiddle\" /></td>';
            footer += '<td valign="middle" ><img src="res/ac3/img/spacer.gif" width="2" height="1"/></td>';
            footer += '</tr></table></div>';
        }



        new Insertion.Bottom($(document.body), '<div id="protoLightBoxLayer' + this.name + '" style="position:absolute;top:0px;left:0px;background:#1A1A1A;" ><div>');
        $('protoLightBoxLayer' + this.name + '').style.width = Dwidth + 'px';
        $('protoLightBoxLayer' + this.name + '').style.height = document.body.scrollHeight + 'px';


        new Insertion.Bottom($(document.body), '<div id="protoLightBox' + this.name + '" style="display:none;position:absolute;top:0px;left:0px;background:#ffffff;">'
										 + '<table bgcolor="#ffffff" cellspacing="0" border="0" ><tr>'
										 + '<td valign="middle" style="position:relative;"><img id="protoLightBoxClose' + this.name + '" src="res/ac3/img/protolightbox_close.png" style="cursor:pointer;position:absolute;right:0;border-top:1px solid #ffffff;border-right:1px solid #ffffff;">'
										 + '<img id="protoLightBoxWait' + this.name + '" src="res/ac3/img/protolightbox_wait.gif" style="cursor:pointer;position:absolute;display:none;">'
										 + '<div id="protoLightBoxContainer' + this.name + '"><img src="' + imgsrc + '" ></div>' + footer + ''
										 + '</td></tr>'
										 + '</table></div>');

        $('protoLightBoxLayer' + this.name + '').setOpacity(this.options.opacity);
        $('protoLightBoxLayer' + this.name + '').style.zIndex = 200;
        $('protoLightBox' + this.name + '').style.zIndex = 201;

        if (newImg.width == 0 || newImg.height == 0) {
            newImg.onload = function() {
                newWidth = newImg.width;
                newHeight = newImg.height;
                $('protoLightBoxClose' + this.name + '').style.left = (newWidth - 34) + 'px';
                $('protoLightBoxClose' + this.name + '').style.top = 0 + 'px';
                newLeft = parseInt(((Dwidth - newWidth) / 2) + document.body.scrollLeft);
                newTop = parseInt(((Dheight - newHeight) / 2)); //+document.body.scrollTop)
                $('protoLightBoxWait' + this.name + '').style.left = parseInt((newWidth - 32) / 2) + 'px';
                $('protoLightBoxWait' + this.name + '').style.top = parseInt((newHeight - 32) / 2) + 'px';
                $('protoLightBoxNext' + this.name + '').style.display = ((this.index == (this.images.length - 1) || (this.images.length == 1)) ? 'none' : 'block');
                $('protoLightBoxPrevius' + this.name + '').style.display = ((this.index == 0) || (this.images.length == 1) ? 'none' : 'block');
                if (this.images.length == 1) $('protoLightBoxLegent' + this.name + '').style.display = 'none';
                $('protoLightBox' + this.name + '').morph('height:' + newHeight + 'px;width:' + newWidth + 'px;top:' + newTop + 'px;left:' + newLeft + 'px;');
                $('protoLightBox' + this.name + '').style.top = newTop + 'px';
                $('protoLightBox' + this.name + '').style.left = newLeft + 'px';

                if (protoLightBoxFooterHover == true) {
                    $('protoLightBoxFooter' + this.name + '').absolutize();
                    $('protoLightBoxFooterTable' + this.name + '').style.width = (newWidth) + 'px';
                    $('protoLightBoxFooter' + this.name + '').style.width = (newWidth) + 'px';
                    $('protoLightBoxFooter' + this.name + '').style.height = $('protoLightBoxFooterTable' + this.name + '').getHeight();
                    $('protoLightBoxFooter' + this.name + '').style.top = ((newHeight - $('protoLightBoxFooter' + this.name + '').getHeight()) / 2) + 'px';
                    $('protoLightBoxFooter' + this.name + '').style.left = 1 + 'px';
                }

                new PeriodicalExecuter(function(pe) { Effect.Appear('protoLightBox' + this.name + '', { duration: 1 }); pe.stop(); } .bind(this), 0.5);
            } .bind(this);
        }
        else {
            newWidth = newImg.width;
            newHeight = newImg.height;
            $('protoLightBoxClose' + this.name + '').style.left = (newWidth - 34) + 'px';
            $('protoLightBoxClose' + this.name + '').style.top = 0 + 'px';
            newLeft = parseInt(((Dwidth - newWidth) / 2) + document.body.scrollLeft);
            newTop = parseInt(((Dheight - newHeight) / 2)); //+document.body.scrollTop)
            $('protoLightBoxWait' + this.name + '').style.left = parseInt((newWidth - 32) / 2) + 'px';
            $('protoLightBoxWait' + this.name + '').style.top = parseInt((newHeight - 32) / 2) + 'px';
            $('protoLightBoxNext' + this.name + '').style.display = ((this.index == (this.images.length - 1) || (this.images.length == 1)) ? 'none' : 'block');
            $('protoLightBoxPrevius' + this.name + '').style.display = ((this.index == 0) || (this.images.length == 1) ? 'none' : 'block');
            if (this.images.length == 1) $('protoLightBoxLegent' + this.name + '').style.display = 'none';
            $('protoLightBox' + this.name + '').morph('height:' + newHeight + 'px;width:' + newWidth + 'px;top:' + newTop + 'px;left:' + newLeft + 'px;');
            $('protoLightBox' + this.name + '').style.top = newTop + 'px';
            $('protoLightBox' + this.name + '').style.left = newLeft + 'px';



            if (protoLightBoxFooterHover == true) {
                $('protoLightBoxFooter' + this.name + '').absolutize();
                $('protoLightBoxFooterTable' + this.name + '').style.width = (newWidth) + 'px';
                $('protoLightBoxFooter' + this.name + '').style.width = (newWidth) + 'px';
                $('protoLightBoxFooter' + this.name + '').style.height = $('protoLightBoxFooterTable' + this.name + '').getHeight();
                $('protoLightBoxFooter' + this.name + '').style.top = ((newHeight - $('protoLightBoxFooter' + this.name + '').getHeight()) / 2) + 'px';
                $('protoLightBoxFooter' + this.name + '').style.top = 30 + 'px';
                $('protoLightBoxFooter' + this.name + '').style.left = 1 + 'px';
            }



            new PeriodicalExecuter(function(pe) { Effect.Appear('protoLightBox' + this.name + '', { duration: 1 }); pe.stop(); } .bind(this), 0.5);
        }



        this.addObserver();

    },
    addObserver: function() {
        Event.observe('protoLightBoxLayer' + this.name + '', 'click', this.hide.bind(this))
        Event.observe('protoLightBoxClose' + this.name + '', 'click', this.hide.bind(this))
        Event.observe('protoLightBoxNext' + this.name + '', 'click', this.gonext.bind(this))
        Event.observe('protoLightBoxPrevius' + this.name + '', 'click', this.goprevius.bind(this))
        if (protoLightBoxFooterHover == true) {
            Event.observe('protoLightBoxContainer' + this.name + '', 'mouseover', this.showfooter.bind(this))
            Event.observe('protoLightBoxLayer' + this.name + '', 'mouseover', this.hidefooter.bind(this))
        }
    },
    showfooter: function() {
        $('protoLightBoxFooter' + this.name).setOpacity(0.95);
    },
    hidefooter: function() {
        $('protoLightBoxFooter' + this.name).setOpacity(0);
    },
    hide: function() {
        Effect.Fade('protoLightBox' + this.name + '', { duration: 1.0 });
        new PeriodicalExecuter(function(pe) {
            $('protoLightBox' + this.name + '').remove();
            $('protoLightBoxLayer' + this.name + '').remove();
            pe.stop();
        } .bind(this), 1);
    },
    gonext: function() {
        if (this.index == this.images.length - 1) return;
        var imgindex = this.index + 1;
        this.goto(imgindex);
    },
    goprevius: function() {
        if (this.index == 0) return;
        var imgindex = this.index - 1;
        this.goto(imgindex);
    },
    goto: function(imgindex) {
        if (this.images[imgindex] == null) return;
        var newImg = new Element('img');
        newImg.src = this.images[imgindex].src;

        var newHeight = 0;
        var newWidth = 0;
        var newLeft = 0;
        var newTop = 0;

        if (newImg.width == 0 || newImg.height == 0) {
            newImg.onload = function() {


                Effect.BlindUp('protoLightBoxFooter' + this.name + '', { duration: 0.3 });
                Effect.Fade('protoLightBoxFooter' + this.name + '', { duration: 0.2 });
                $('protoLightBoxClose' + this.name + '').style.display = 'none';
                newWidth = newImg.width;
                newHeight = newImg.height;

                if (protoLightBoxFooterHover == true) {
                    $('protoLightBoxFooter' + this.name + '').absolutize();
                    $('protoLightBoxFooterTable' + this.name + '').style.width = (newWidth) + 'px';
                    $('protoLightBoxFooter' + this.name + '').style.width = (newWidth) + 'px';
                    $('protoLightBoxFooter' + this.name + '').style.height = $('protoLightBoxFooterTable' + this.name + '').getHeight();
                    $('protoLightBoxFooter' + this.name + '').style.top = ((newHeight - $('protoLightBoxFooter' + this.name + '').getHeight()) / 2) + 'px';
                    $('protoLightBoxFooter' + this.name + '').style.left = 1 + 'px';
                }


                $('protoLightBoxClose' + this.name + '').style.left = (newWidth - 34) + 'px';
                $('protoLightBoxClose' + this.name + '').style.top = 0 + 'px';
                new PeriodicalExecuter(function(pe) { $('protoLightBoxContainer' + this.name + '').style.display = 'none'; $('protoLightBoxWait' + this.name + '').style.display = 'block'; pe.stop(); } .bind(this), 0.5);
                newLeft = parseInt(((document.body.clientWidth - newWidth) / 2));
                newTop = parseInt(((document.body.clientHeight - newHeight) / 2) + document.body.scrollTop);
                //--------------------------- Dont touch---------------------------------------------------------
                new PeriodicalExecuter(function(pe) { $('protoLightBox' + this.name + '').morph('height:' + newHeight + 'px;width:' + newWidth + 'px;top:' + newTop + 'px;left:' + newLeft + 'px;'); pe.stop(); } .bind(this), 1.2);
                new PeriodicalExecuter(function(pe) { $('protoLightBoxWait' + this.name + '').morph('display:block;top:' + parseInt((newHeight - 32) / 2) + 'px;left:' + parseInt((newWidth - 32) / 2) + 'px;'); pe.stop(); } .bind(this), 1.2);
                new PeriodicalExecuter(function(pe) {
                    $('protoLightBoxContainer' + this.name + '').update('<img src="' + this.images[imgindex].src + '">');
                    $('protoLightBoxWait' + this.name + '').style.display = 'none';
                    Effect.Appear('protoLightBoxContainer' + this.name + '', { duration: 0.3 });
                    new PeriodicalExecuter(function(pe) {
                        $('protoLightBoxNext' + this.name + '').style.display = ((imgindex == (this.images.length - 1) || (this.images.length == 1)) ? 'none' : 'block');
                        $('protoLightBoxPrevius' + this.name + '').style.display = ((imgindex == 0) || (this.images.length == 1) ? 'none' : 'block');
                        if (this.images.length == 1) $('protoLightBoxLegent' + this.name + '').style.display = 'none';
                        $('protoLightBoxIndex' + this.name + '').update('' + (imgindex + 1));
                        $('protoLightBoxName' + this.name + '').update('' + this.images[imgindex].name);
                        $('protoLightBoxDescription' + this.name + '').update('' + this.images[imgindex].description);
                        Effect.toggle('protoLightBoxFooter' + this.name + '', 'slide', { delay: 0.1, duration: 0.3 });
                        new PeriodicalExecuter(function(pe) { $('protoLightBoxClose' + this.name + '').style.display = 'block'; pe.stop(); } .bind(this), 0.4);
                        pe.stop();
                    } .bind(this), 0.6);
                    pe.stop();
                } .bind(this), 2.2);


                this.index = imgindex;
                newImg.remove();
            } .bind(this);
        }
        else {
            Effect.BlindUp('protoLightBoxFooter' + this.name + '', { duration: 0.3 });
            Effect.Fade('protoLightBoxFooter' + this.name + '', { duration: 0.2 });
            $('protoLightBoxClose' + this.name + '').style.display = 'none';
            newWidth = newImg.width;
            newHeight = newImg.height;

            if (protoLightBoxFooterHover == true) {
                $('protoLightBoxFooter' + this.name + '').absolutize();
                $('protoLightBoxFooterTable' + this.name + '').style.width = (newWidth) + 'px';
                $('protoLightBoxFooter' + this.name + '').style.width = (newWidth) + 'px';
                $('protoLightBoxFooter' + this.name + '').style.height = $('protoLightBoxFooterTable' + this.name + '').getHeight();
                $('protoLightBoxFooter' + this.name + '').style.top = ((newHeight - $('protoLightBoxFooter' + this.name + '').getHeight()) / 2) + 'px';
                $('protoLightBoxFooter' + this.name + '').style.left = 1 + 'px';
            }
            $('protoLightBoxClose' + this.name + '').style.left = (newWidth - 34) + 'px';
            $('protoLightBoxClose' + this.name + '').style.top = 0 + 'px';
            new PeriodicalExecuter(function(pe) { $('protoLightBoxContainer' + this.name + '').style.display = 'none'; $('protoLightBoxWait' + this.name + '').style.display = 'block'; pe.stop(); } .bind(this), 0.5);
            newLeft = parseInt(((document.body.clientWidth - newWidth) / 2));
            newTop = parseInt(((document.body.clientHeight - newHeight) / 2) + document.body.scrollTop);
            //--------------------------- Dont touch---------------------------------------------------------
            new PeriodicalExecuter(function(pe) { $('protoLightBox' + this.name + '').morph('height:' + newHeight + 'px;width:' + newWidth + 'px;top:' + newTop + 'px;left:' + newLeft + 'px;'); pe.stop(); } .bind(this), 1.2);
            new PeriodicalExecuter(function(pe) { $('protoLightBoxWait' + this.name + '').morph('top:' + parseInt((newHeight - 32) / 2) + 'px;left:' + parseInt((newWidth - 32) / 2) + 'px;'); pe.stop(); } .bind(this), 1.2);
            new PeriodicalExecuter(function(pe) {
                $('protoLightBoxContainer' + this.name + '').update('<img src="' + this.images[imgindex].src + '">');
                $('protoLightBoxWait' + this.name + '').style.display = 'none';
                Effect.Appear('protoLightBoxContainer' + this.name + '', { duration: 0.3 });
                new PeriodicalExecuter(function(pe) {
                    $('protoLightBoxNext' + this.name + '').style.display = ((imgindex == (this.images.length - 1) || (this.images.length == 1)) ? 'none' : 'block');
                    $('protoLightBoxPrevius' + this.name + '').style.display = ((imgindex == 0) || (this.images.length == 1) ? 'none' : 'block');
                    if (this.images.length == 1) $('protoLightBoxLegent' + this.name + '').style.display = 'none';
                    $('protoLightBoxIndex' + this.name + '').update('' + (imgindex + 1));
                    $('protoLightBoxName' + this.name + '').update('' + this.images[imgindex].name);
                    $('protoLightBoxDescription' + this.name + '').update('' + this.images[imgindex].description);
                    Effect.toggle('protoLightBoxFooter' + this.name + '', 'slide', { delay: 0.1, duration: 0.3 });
                    new PeriodicalExecuter(function(pe) { $('protoLightBoxClose' + this.name + '').style.display = 'block'; pe.stop(); } .bind(this), 0.4);
                    pe.stop();
                } .bind(this), 0.6);
                pe.stop();
            } .bind(this), 2.2);
            this.index = imgindex;
            newImg.remove();
        }
    }
});



//Displays video in popup window
function ShowPopup(idpopup,width,height,title,content,description){
	var newHeight=height;
	var newWidth=width;
			
	var Dwidth=(window.innerWidth?window.innerWidth:document.body.clientWidth);
    var Dheight=(window.innerHeight?window.innerHeight:document.body.clientHeight);
	var newLeft=parseInt(((Dwidth-newWidth)/2)+document.body.scrollLeft);
 	var newTop=parseInt(((Dheight-newHeight)/2));
				
	new Insertion.Bottom($(document.body),'<div id="protoLightBoxLayer'+idpopup+'" style="position:absolute;top:0px;left:0px;background:#1A1A1A;" onclick="$(\'protoLightBox'+idpopup+'\').remove();$(\'protoLightBoxLayer'+idpopup+'\').remove();"><div>');
    $('protoLightBoxLayer'+idpopup+'').style.width=Dwidth+'px';
	$('protoLightBoxLayer'+idpopup+'').style.height=(document.body.scrollHeight)+'px'; 

	new Insertion.Bottom($(document.body),'<div id="protoLightBox'+idpopup+'" class="PopupWindow" style="display:none;position:absolute;top:0px;left:0px;background:#ffffff;" class="PopupWindow">'
										 +'<img id="protoLightBoxClose'+idpopup+'" src="res/ac3/img/protolightbox_close.png" style="cursor:pointer;position:absolute;right:0;border-top:1px solid #ffffff;border-right:1px solid #ffffff;" onclick="$(\'protoLightBox'+idpopup+'\').remove();$(\'protoLightBoxLayer'+idpopup+'\').remove();">'
										 +'<table bgcolor="#ffffff" cellspacing="3" border="0">'
										 +'<tr><td style="font-weight:bold;" id="protoLightBoxTitle'+idpopup+'" class="PopupWindowTitle">'
										 +'</td><tr>'
										 +'<tr><td align="center" valign="top" >'
										 +'<img id="protoLightBoxWait'+idpopup+'" src="res/ac3/img/protolightbox_wait.gif" style="cursor:pointer;position:absolute;display:none;">'
										 +'<div id="protoLightBoxContainer'+idpopup+'"></div>'
										 +'</td></tr>'
										 +'<tr><td id="protoLightBoxDescription'+idpopup+'" class="PopupWindowDescription"></td><tr>'
										 +'</table></div>');
	    										 
	$('protoLightBoxLayer'+idpopup+'').setOpacity(0.7);
    $('protoLightBoxLayer'+idpopup+'').style.zIndex=200;
    $('protoLightBox'+idpopup+'').style.zIndex=201;
	$('protoLightBoxWait'+idpopup+'').style.left=parseInt((newWidth-32)/2)+'px';
	$('protoLightBoxWait'+idpopup+'').style.top=parseInt((newHeight-32)/2)+'px';
	$('protoLightBoxClose'+idpopup+'').style.left=(newWidth-35)+'px';    
	$('protoLightBox'+idpopup+'').morph('height:'+newHeight+'px;width:'+newWidth+'px;top:'+newTop+'px;left:'+newLeft+'px;');
	$('protoLightBox'+idpopup+'').style.top=newTop+'px';
	$('protoLightBox'+idpopup+'').style.left=newLeft+'px';
	
	new PeriodicalExecuter(function(pe) {Effect.Appear('protoLightBox'+idpopup+'', { duration: 1 });pe.stop();}, 0.5);	
	new PeriodicalExecuter(function(pe) {
		$('protoLightBoxContainer'+idpopup+'').update(content);
		$('protoLightBoxTitle'+idpopup+'').update(title);
		$('protoLightBoxDescription'+idpopup+'').update(description);
		pe.stop();
	}, 0.6);	
    $(document.body).scrollTo();

}