var clockTimer = null; var timerObj = null; var timerFunc = null;
var autoScrollTimeOut = 5000; var userScrolled = false;

var mitems = null;
var gitems = null;
var locs = null;

function updateLinks( idx, curr )
{
    dp = $(curr).parent();
    ct = $(curr).html();
    dp.click( function() { window.location = curr.href; } );
    dp.html('');
    bt1 = $('div.bantxt1', dp.parent());
    bt1.append(ct);
    bt1.click( function() { window.location = curr.href; } );
    bt2 = $('div.bantxt2', dp.parent());
    bt2.append(ct);
    bt2.click( function() { window.location = curr.href; } );
}

function updateCollLinks( idx, curr )
{
    ld = $(curr).parent();
    ct = $(curr).html();
    ld.html( '' );
    cd = ld.parent();
    td = $('.ctxt',cd);
    td.append( '<table width=100% cellpadding=0 cellspacing=0 border=0><tr><td><img src="/media/img/zero.gif" width=150 height=92 border=0 alt=""></td><td class="t">'+ct+'</td></tr></table>' );
	if( cd.attr('id') != 'ncl' )
    	cd.click( function() { window.location = curr.href; } );
   	cd.append( '<div class="cshp"></div>' );
}

function prepare()
{
    $('.logo').html('');
    $('.delim').html('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');

    $('.mmenu .itm div div div a').each( updateLinks );
    $('.mmenu .sel div div div').unbind();
    $('.mmenu .itm').hover( function() { $(this).addClass('hov'); }, function() { $(this).removeClass('hov'); } );

    $('.en .homeable').click( function() { window.location = '/'; } );
    $('.ru .homeable').click( function() { window.location = '/ru/'; } );

	$('.xmass .mc .topsc .motto .c img').attr('src','/media/img/xmass_timeless_jewelry_by_golden_flamingo.png');
	$('.stval .mc .topsc .motto .c img').attr('src','/media/img/stval_timeless_jewelry_by_golden_flamingo.png');
	
	$('.srch').append( '<div class="theLupa"><img src="/media/img/zero.gif" width=16 height=16 border=0></div>' );
	$('.srch .theLupa').click( function() 
		{
		if( CodeSearchSubmit() )
			$('.srch form').submit();
		}
	);

    $('.ban .banlnk a').each( updateLinks );
    $('.banfab .banlnk a').each( updateLinks );

    $('.dbltxt').each( doubleText );
    $('.mdbltxt').each( doubleText );

    $('#myprofile .llnk').click( showMyProfileDialog );
    $('#asrch .llnk').click( showAdvancedSearchDialog );    
    prepareStoreLocator();
    updateSubmenu();

    clockTimer = setTimeout( 'updateTime()', 500 );
    updateTime();
    $(window).resize( resizeHandler );
}

function prepareStoreLocator()
{
    if( !locs || !locs.length )
        return;
    s = '<div class="stloc"><div class="tp"><div></div></div>'+
        '<div class="cntx"><div class="bg">'+
        '<div class="storelocator"></div>';
    s += '</div></div><div class="bp"><div></div></div></div>';
    s += '<div class="sitms">';

    for( i=0; i<locs.length; i++ )
        s += '<div class="sitm" id="si'+i+'">'+locs[i].name+'</div>';
    s += '</div>';

    $('.mc').append( s );
    $('.stloc').height( locs.length*23+40+22 );
    $('.stloc .cntx').height( locs.length*23+34 );
    $('.stloc .bp').css('top', locs.length*23+41 );
    $('.sitms').mouseleave( closeLocs );
//    $('.sitms').mouseout( closeLocs );
    $('#storelocator').mouseover( function( e ) 
        {
        o = $(this).offset();
        $('.stloc').css('top',o.top-7);
        $('.stloc').css('left',o.left-7);
        $('.stloc').show();
        $('.sitms').css('top',o.top-7);
        $('.sitms').css('left',o.left-7);
        $('.sitms').show();
        $('.sitms .sitm').hover( function() { $(this).addClass('sisel'); }, function() { $(this).removeClass('sisel'); } ); 
        $('.sitms .sitm').click( function() { window.location = locs[$(this).attr('id').substr(2)].url; } );
        e.stopPropagation();
        }
    );
}

function closeLocs()
{
    $('.stloc').hide();
    $('.sitms').hide();
}

function prepareMain()
{
    prepare();

    initMenu();

    $('.showroom').click( proceedSlide );

    updateArrows();
}

function prepareProduct()
{
    prepareColls();
    $('.prl').each( function(idx,curr) {
        $(curr).prepend('<div class="shp"></div>');
        }
    );
    $('.zoomable').each( function(idx,curr) {
        $(curr).prepend('<div class="zoom"></div>');
        $(curr).click( zoomIt );
        $('.zoom',$(curr)).click( zoomIt );
        }
    );
    $('.prs a').each( function(idx,curr) {
        mp = $(curr).parent();
        mp.append( '<div class="shp"></div>' );
        $('.shp',mp).click( function() { window.location = curr.href; } );
        }
    );

    updateDiscount();

    $('.smenu .sel .micnt').addClass('mdbltxt');
    $('.mdbltxt').each( doubleText );
}

function updateDiscount()
{
/*
    o = $('.rcol').offset();
    if( !o ) return;
    $('#discount').css('top', o.top-95 );
    $('#discount').css('left', o.left ); 
*/
}

function zoomIt()
{
    if( !zoomData || !zoomData.views || !zoomData.views.length )
        return;
    cnt = '<div style="padding: 4px 4px 0px 4px;">'+
        '<div id="zoomcont"><div id="zoom">' +
        '<img id="zoomed" src="' + zoomData.views[0].large+'" border=0></div>'+
        '</div>'+
        '<div id="log"></div>'+
		'<div id="zoom_plus"></div><div id="zoom_minus"></div>' +
        '<div id="preview">'; 
        cnt += '<img src="'+zoomData.views[0].small+'" width=110 height=110><div id="area"><div></div></div></div>';

    	if( zoomData.views.length > 1 )
    		cnt += '<div style="position:absolute; z-index:600; color:#aaa; font-size:8pt; left:40px; top:485px;">View 1</div>'; 
        
        
    if( zoomData.views.length > 1 )
        {

    	for( i=1; i<zoomData.views.length; i++ )
    		cnt += '<div style="border:none; position:absolute; z-index:600; color:#aaa; font-size:8pt; top:485px; right:'+(50+(i-1)*110)+'px;">View '+(zoomData.views.length-i+1)+'</div>'; 
    	
        cnt += '<div id="others">';
        for( i=1; i<zoomData.views.length; i++ ){
            cnt += '<div id="o'+i+'">';
            cnt += '<img src="'+zoomData.views[i].small+'" width=110 height=110 border=0></div>';
        }
        cnt += '</div>';
        }

    cnt += '</div>';
    dialog({align:'centered'},750,700,cnt,zoomData.tit);
    initZoom();
    $('#others div').click( switchZoom );
}

function switchZoom()
{
    idx = $(this).attr('id').substr(1);
    a = zoomData.views[0];
    zoomData.views[0] = zoomData.views[idx];
    zoomData.views[idx] = a;
    $('#zoomed').attr('src',zoomData.views[0].large);
    $('img',$(this)).attr('src',zoomData.views[idx].small );
    $('img',$('#preview')).attr('src',zoomData.views[0].small );    
    updateZoom();
}

var zooming = false; var coords; var mcoords = { x: 0, y: 0 }; var dim = { w: 0, y: 0 };
function updateZoom()
{
	$('#zoomed').width( dim.w );
	$('#zoomed').height( dim.h );

    x = Math.floor(($('#zoomcont').width()-dim.w)/2);
    y = Math.floor(($('#zoomcont').height()-dim.h)/2);

    $('#zoom').css('top',y);
    $('#zoom').css('left',x);
    $('#zoom').show();
    
    updateArea();
}

function updateArea()
{
    x = $('#zoom').position().left;
    y = $('#zoom').position().top;

    x = -Math.floor( ($('#preview').width()/dim.w)*x );
    y = -Math.floor( ($('#preview').height()/dim.h)*y );
    w = Math.floor( $('#preview').width()/dim.w*$('#zoomcont').width() );
    h = Math.floor( $('#preview').height()/dim.h*$('#zoomcont').height() );
//	alert( dim.h+' '+$('#preview').height()+' ' +$('#zoomcont').height()+' ' +w + ' ' + h );
    $('#area').css( 'top', y-1 ); $('#area').css( 'left', x-1 );
    $('#area').width( w ); $('#area').height( h );
}

function initZoom()
{
	dim.w = 712; // zoomData.views[0].w;
	dim.h = 712; // zoomData.views[0].h;

    updateZoom();
    $('#zoomcont').mousedown( function( e ) { 
        zooming = true; 
        coords = $('#zoom').position();
        o = $(this).offset();
		bsx = $(window).scrollLeft();
		bsy = $(window).scrollTop();
        mcoords.x = e.pageX-o.left;
        mcoords.y = e.pageY-o.top;
        $('#log').html( 'x: ' + mcoords.x + ' y:'+mcoords.y+ ' cy:'+coords.top+' cx:'+coords.left+ ' bx:'+bsx +' by:'+bsy);
        e.preventDefault(); 
        } 
    );
    $('#zoomcont').mouseup( function() { zooming = false; } );  
    $('#zoomcont').mousemove( function( e ) {
        if( !zooming ) return;
        o = $(this).offset();
		bsx = $(window).scrollLeft();
		bsy = $(window).scrollTop();
        shx = e.clientX-o.left-mcoords.x+bsx;
        shy = e.clientY-o.top-mcoords.y+bsy;
        if( coords.left+shx > 0 )
            shx = -coords.left;
        if( coords.top+shy > 0 )
            shy = -coords.top;
        if( coords.left+shx < $(this).width()-$('#zoom').width() )
            shx = $(this).width()-$('#zoom').width()-coords.left;
        if( coords.top+shy < $(this).height()-$('#zoom').height() )
            shy = $(this).height()-$('#zoom').height()-coords.top;
        $('#zoom').css( 'top', coords.top+shy );
        $('#zoom').css( 'left', coords.left+shx );
        $('#log').html( 'x: ' + mcoords.x + ' y:'+mcoords.y+ ' cy:'+coords.top+' cx:'+coords.left+ ' bx:'+bsx +' by:'+bsy);
        updateArea();
        e.preventDefault();
        }
    );
	$('#zoom_plus').dblclick( function(e) { e.preventDefault(); } );
	$('#zoom_minus').dblclick( function(e) { e.preventDefault(); } );
	$('#zoom_plus').click( function( e )
		{
		new_w = dim.w+Math.floor( zoomData.views[0].w*0.2 );
		if( new_w > zoomData.views[0].w )
			new_w = zoomData.views[0].w;
		new_h = dim.h+Math.floor( zoomData.views[0].h*0.2 );
		if( new_h > zoomData.views[0].h )
			new_h = zoomData.views[0].h;

		an = {left:$('#zoom').position().left,top:$('#zoom').position().top };

		if( an.left + new_w < $('#zoomcont').width() )
			an.left = $('#zoomcont').width()-new_w;
		if( an.top + new_h < $('#zoomcont').height() )
			an.top = $('#zoomcont').height()-new_h;

		$('#zoomed').animate( {width:new_w,height:new_h}, 200 );
		$('#zoom').animate( an, 200 );
		dim.w = new_w;
		dim.h = new_h;

    	x = an.left;
    	y = an.top;

    	x = -Math.floor( ($('#preview').width()/dim.w)*x );
    	y = -Math.floor( ($('#preview').height()/dim.h)*y );
    	w = Math.floor( $('#preview').width()/dim.w*$('#zoomcont').width() );
    	h = Math.floor( $('#preview').height()/dim.h*$('#zoomcont').height() );
		$('#area').animate( { top: y, left: x, width: w, height: h }, 200 );

		e.preventDefault();
		}
	);
	$('#zoom_minus').click( function( e )
		{
		new_w = dim.w-Math.floor( zoomData.views[0].w*0.2 );
		if( new_w < 712  )
			new_w = 712;
		new_h = dim.h-Math.floor( zoomData.views[0].h*0.2 );
		if( new_h < 712 )
			new_h = 712;

		an = {left:$('#zoom').position().left,top:$('#zoom').position().top };

		if( an.left + new_w < $('#zoomcont').width() )
			an.left = $('#zoomcont').width()-new_w;
		if( an.top + new_h < $('#zoomcont').height() )
			an.top = $('#zoomcont').height()-new_h;

		$('#zoomed').animate( {width:new_w,height:new_h}, 200 );
		$('#zoom').animate( an, 200 );
		dim.w = new_w;
		dim.h = new_h;

    	x = an.left;
    	y = an.top;

    	x = -Math.floor( ($('#preview').width()/dim.w)*x );
    	y = -Math.floor( ($('#preview').height()/dim.h)*y );
    	w = Math.floor( $('#preview').width()/dim.w*$('#zoomcont').width() );
    	h = Math.floor( $('#preview').height()/dim.h*$('#zoomcont').height() );
		$('#area').animate( { top: y, left: x, width: w, height: h }, 200 );

		e.preventDefault();
		}
	);
    $('body').mouseup( function() { zooming = false; } );
    $('#dzoomcont').mouseleave( function() { zooming = false; } );
}

function prepareFranchisee()
{
    prepareColls();
    initGallery();
    $('.fbrg .img').click( goFaberge );
    $('.fbrg .txt .fl').click( goFaberge );
    $('.fbrg .txt .sl').click( goFaberge );
}

function goFaberge()
{
    window.location = '/'+lang+'/education/faberge/'; 
}

var fgitem = 0;
function initGallery()
{
    if( !gitems || !gitems.length )
        return;

    s = '';
    for( i=0; i<gitems.length; i++ )
        {
        s += '<div class="gitm" id="g'+i+'"><img src="' + gitems[i].simg+'" width=140 height=140 border=0 alt="">';
        s += '<p class="gdesc">'+gitems[i].stit+'</p></div>';
        if( i!= gitems.length-1 )
            s += '<div class="gvr"></div>';
        }
    s += '<br class="fn" />';
    fgitem = 0;

    $('.glarr').click( galleryLeft );
    $('.grarr').click( galleryRight );

    $('.gitms').width((gitems.length*176+gitems.length-1));
    $('.gitms').append( s );

    $('.gitm').hover( function() { $(this).addClass('gsel'); }, function() { $(this).removeClass('gsel'); } );
    $('.gitm').click( function() { dialog({align:'centered'},830,630,'<img src="'+gitems[$(this).attr('id').substr(1)].limg+'" width=770 height=530 border=0 alt="">',gitems[$(this).attr('id').substr(1)].ltit,true); } );

    updateGalleryControls();
}

function galleryLeft()
{
    fgitem--;
    l = $('#g'+fgitem).position();
    $('.gitms').animate( {left: -l.left}, 'fast' );
    updateGalleryControls();
}

function galleryRight()
{
    fgitem++;
    l = $('#g'+fgitem).position();
    $('.gitms').animate( {left: -l.left}, 'fast' );
    updateGalleryControls();
}

function updateGalleryControls()
{
    ( fgitem ) ? $('.glarr').show() : $('.glarr').hide();
    ((gitems.length-(fgitem+1))*176+(gitems.length-(fgitem+1)-1) > $('.gcont').width()) ? $('.grarr').show() : $('.grarr').hide();
}

function prepareColls()
{
    prepare();

    $('.collitms').html('');
    initCollections();

    $('.coll .clnk a').each( updateCollLinks );
    $('.fhdr').each( function(idx,curr) {
        $(curr).prepend('<div class="bp"><div></div></div>' );
        $('.bp',$(curr)).height( 8 );
        $('.bp',$(curr)).css('top',$(curr).height()-8);
        $(curr).prepend('<div class="tp"></div>' );
        $('.tp',$(curr)).height($(curr).height()-8);
        }
    );
    $('.yhdr').each( function(idx,curr) {
        $(curr).prepend( '<div class="tlc"></div><div class="trc"></div><div class="blc"></div><div class="brc"></div>' );
        $('.tlc',$(curr)).css('top',0); $('.tlc',$(curr)).css('left',0);
        $('.trc',$(curr)).css('top',0); $('.trc',$(curr)).css('left',$(curr).width()-5);
        $('.blc',$(curr)).css('top',$(curr).height()-5); $('.tlc',$(curr)).css('left',0);
        $('.brc',$(curr)).css('top',$(curr).height()-5); $('.brc',$(curr)).css('left',$(curr).width()-5);
        }
    );
    $('.mpr a').each( function(idx,curr) {
        mp = $(curr).parent();
        mp.append( '<div class="shp"></div>' );
        $('.shp',mp).click( function() { window.location = curr.href; } );
        mp.append( '<div class="details"></div>' );
        $('.details',mp).click( function() { window.location = curr.href; } );
        }
    );
    $('.en .details').append('<a href=/>Details</a> &rarr;');
    $('.ru .details').append('<a href=/>Подробнее</a> &rarr;');
}

function prepareCollsWDetails()
{
    prepare();

    $('.collitms').html('');
    initCollections();

    $('.coll .clnk a').each( updateCollLinks );
    $('.fhdr').each( function(idx,curr) {
        $(curr).prepend('<div class="bp"><div></div></div>' );
        $('.bp',$(curr)).height( 8 );
        $('.bp',$(curr)).css('top',$(curr).height()-8);
        $(curr).prepend('<div class="tp"></div>' );
        $('.tp',$(curr)).height($(curr).height()-8);
        }
    );
    $('.yhdr').each( function(idx,curr) {
        $(curr).prepend( '<div class="tlc"></div><div class="trc"></div><div class="blc"></div><div class="brc"></div>' );
        $('.tlc',$(curr)).css('top',0); $('.tlc',$(curr)).css('left',0);
        $('.trc',$(curr)).css('top',0); $('.trc',$(curr)).css('left',$(curr).width()-5);
        $('.blc',$(curr)).css('top',$(curr).height()-5); $('.tlc',$(curr)).css('left',0);
        $('.brc',$(curr)).css('top',$(curr).height()-5); $('.brc',$(curr)).css('left',$(curr).width()-5);
        }
    );
    $('.mpr a').each( function(idx,curr) {
        mp = $(curr).parent();
        mp.append( '<div class="shp"></div>' );
        $('.shp',mp).click( function() { window.location = curr.href; } );
        mp.append( '<div class="details"></div>' );
        $('.details',mp).click( function() { window.location = curr.href; } );
        }
    );
}

function initCollections()
{
    if( !mitems || !mitems.length )
        return;
    cnt = '';
    for( i=0; i<mitems.length; i++ )
        {
		iad = mitems[i].sl.indexOf('<select') != -1 ? ' id="ncl"' : '';
        cnt += '<div class="coll"'+iad+'>'+
            '<div class="cimg"><img src="'+mitems[i].simg +'" width=305 height=82 border=0 alt=""></div>' +
            '<div class="ctxt"></div>'+
            '<div class="clnk">';
		cnt += '<a href="'+mitems[i].url+'">';
        cnt += '<span class="fl">'+mitems[i].fl+'</span><br><span class="sl">'+mitems[i].sl+'</span>';
        cnt += '</a></div></div>';
        }
    cnt += '<br class="fn" />';
    $('.collitms').append( cnt );
}   

function resizeHandler()
{
    updateArrows();
    updateModal();
    updateDiscount();
}

function updateModal()
{
    $('#whbg').css('width',$('body').width());
    $('#whbg').css('height',$('body').height());
    lobj = $('#dlg').data('lobj');
    if( lobj )
        {
        o = $(lobj).offset();
        $('#dlg').css('top',o.top-30);
        $('#dlg').css('left',o.left+$(lobj).width()-$('#dlg').width()+30);
        }
    al = $('#dlg').data('align');
    if( al && al == 'centered' )
        {
        // dl.css("top", ( $(window).height() - $('#dlg').height() ) / 2+$(window).scrollTop() + "px");
        dl.css("left", ( $(window).width() - $('#dlg').width() ) / 2+$(window).scrollLeft() + "px");
        }
}

function updateArrows()
{
    coords = $('#vnav').offset();
    if( !coords ) return;
    ta = $('#tarr');
    ta.css('top',(coords.top-22));
    ta.css('left',(coords.left+131));
    ba = $('#barr');
    ba.css('top',(coords.top+247));
    ba.css('left',(coords.left+137));
    ma = $('#marr');
    ma.css('top',(coords.top+113));
    ma.css('left',coords.left-5);
	xta = $('.xmass #tarr');
	if( xta )
		{
		xta.css('top',(coords.top-29));
		xta.css('left',(coords.left+113));
		xma = $('#mbs')
		if( !xma.attr('id') )
			$('body').prepend('<div id="mbs"></div>');
		$('#mbs').css('top',(coords.top+242));
		$('#mbs').css('left',(coords.left-5));
		}
    ta.show();
    ba.show();
    ma.show();
    ta.click( function() { userScrolled = true; scrollDown(); } );
    ba.click( function() { userScrolled = true; scrollUp(); } );
}

function updateTime()
{
    if( clockTimer )
        clearTimeout( clockTimer );
    if( !timerObj )
        {
        timerObj = $('.en #currtime');
        timerFunc = enCurrTime;
        if( !timerObj.html() )
            {
            timerObj = $('.ru #currtime');
            timerFunc = ruCurrTime;
            }
        }
    if( timerObj )
        {
        timerFunc();
        timerObj.toggleClass('pass');
        }
    clockTimer = setTimeout( 'updateTime()', 500 );
}

function enCurrTime()
{
    c = new Date();
    h = c.getUTCHours()+timeOffset;
    if( h < 0 )
        h += 24;
    m = c.getUTCMinutes();
    
    var addon = "am";
    if (h>11) addon  = "pm";
    if (h>12) h = h - 12;
    if (h==0) h = 12;

    /*
    if( !h )
        {
        h = 12;
        addon = 'am';
        }
    else
        {
        if( h > 12 )
            {
            addon = (h==0) ? 'pm':'am';
            h -= 12;
            }
        else
        	{
            addon = (h==12) ? 'pm':'am';
        	}
        }
    */
    s = '' + (h<10?'0':'')+h+'<span>:</span>'+(m<10?'0':'')+m+' '+addon;
    timerObj.html( s );
}

function ruCurrTime()
{
    c = new Date();
    h = c.getUTCHours()+timeOffset;
    if( h < 0 )
        h += 24;
    m = c.getUTCMinutes();
    s = '' + (h<10?'0':'')+h+'<span>:</span>'+(m<10?'0':'')+m;
    timerObj.html( s );
}

var currItem = 0; var newItem = 0; var scrolling = false; var autoScroll = null;

function scrollDown()
{
    if( scrolling )
        return;
    newItem = currItem+1;
    scrollMenu();
}

function scrollUp()
{
    if( scrolling )
        return;
    newItem = currItem-1;
    scrollMenu();
}

function scrollMenu()
{
    turnAutoScrollOff();

    cmo = $('#mi'+currItem);
    oy = $('.vmn').position();
    vh = $('.vmcont').height();

    $('.sl',cmo).remove();
    cmo.removeClass('sel');
    $('.micnt',cmo).removeClass('mdbltxt');
	cmo.html( cmo.html() );
//	alert( cmo.html() );
    currItem = newItem;

    if( currItem > mitems.length )
        {
        currItem = 1;
        c1 = $('#mi1').position();
        c16 = $('#mi16').height();
        ny = Math.floor((vh-c16)/2-c1.top)+c16;
        $('.vmn').css('top', ny );
        oy.top = ny;
        }

    if( currItem < 1 )
        {
        currItem = mitems.length;
        c16 = $('#mi'+currItem).position();
        c1 = $('#mi1').height();
        ny = Math.floor((vh-c1)/2-c16.top)-c1;
        $('.vmn').css('top', ny );
        oy.top = ny;
        }
    
    cmo = $('#mi'+currItem);

    co = cmo.position();
    ch = cmo.height();

    ny = Math.floor((vh-ch)/2-co.top);
    scrolling = true;
    $('.vmn').animate({top: '-='+(-ny+oy.top)}, 300, finishScrolling );
    cmo.addClass('sel');
    $('.micnt',cmo).addClass('mdbltxt');
    $('.mdbltxt',cmo).each( doubleText );
}

function initMenu()
{
    if( !mitems || !mitems.length )
        return;
    s = '';
    for( i=mitems.length-3; i<mitems.length; i++ )
        s += '<div class="mi" id="ti'+(i+1)+'"><div class="micnt"  onclick="alert(this.id);">' +
            '<div class="wh">'+mitems[i].fl+'</div>'+
            '<div class="br">'+mitems[i].sl+'</div>'+'</div></div>';
    for( i=0; i<mitems.length; i++ )
        s += '<div class="mi" id="mi'+(i+1)+'"><div class="micnt">' +
            '<div class="wh">'+mitems[i].fl+'</div>'+
            '<div class="br">'+mitems[i].sl+'</div>'+'</div></div>';
    for( i=0; i<3; i++ )
        s += '<div class="mi" id="bi'+(i+1)+'"><div class="micnt">' +
            '<div class="wh">'+mitems[i].fl+'</div>'+
            '<div class="br">'+mitems[i].sl+'</div>'+'</div></div>';
    $('.vmn').append( s );
    prepareMenu();
    turnAutoScrollOn();
}

function updateSubmenu()
{
    $('.smenu .mi a').each( function(idx,curr) {
        mo = $(curr).parent();
        txt = $(curr).html();
        mo.html('');
        mo.append( '<div class="micnt">'+txt+'</div>' );
        mo.click( function() { window.location = curr.href; } );
        }
    );
    h1 = $('.rbrd').height();
    h2 = $('.mbrd').height();
    if( h1 && h2 ) 
        {
        if( h1 > h2 )
            $('.mbrd .mp').css('height', h1-12 );
        else
            $('.rbrd .mp').css('height', h2-12 );
        }
    h1 = $('.rbrd2').height();
    h2 = $('.mbrd2').height();
    if( h1 && h2 ) 
        {
        if( h1 > h2 )
            $('.mbrd2 .mp').css('height', h1-12 );
        else
            $('.rbrd2 .mp').css('height', h2-12 );
        }
}

function turnAutoScrollOn()
{
    if( $('#currslide').html() )
        autoScroll = setInterval( "scrollIt()", autoScrollTimeOut );
}

function turnAutoScrollOff()
{
    clearInterval( autoScroll );
}

function scrollIt()
{
    scrollDown();
}

function prepareMenu()
{
    currItem = 2; //Math.floor(Math.random()*16)+1;
    cmo = $('#mi'+currItem);
    co = cmo.position();
    ch = cmo.height();
    vh = $('.vmcont').height();
    ny = Math.floor((vh-ch)/2-co.top);
    $('.vmn').css('top', ny );
    cmo.addClass('sel');
    $('.micnt',cmo).addClass('mdbltxt');
    $('.mdbltxt',cmo).each( doubleText );
    if( mitems[currItem-1].limg ) {

    	$('#currslide').append( '<img src="'+mitems[currItem-1].limg+'" width=640 height=332 border=0>' );
        $('#currslide').fadeIn();
        $('#currname').append( '<div class="fl dbltxt">'+
            '<span class="wh">'+mitems[currItem-1].fl+
            (mitems[currItem-1].oneline?'.</span> ':'</span><br>')+
            '<span class="br">'+mitems[currItem-1].sl+'</span>'+
            '</div>' );
        $('.dbltxt',$('#currname')).each( doubleText );
        mitems[currItem-1].oneline ? $('#currname').addClass('l1') : $('#currname').addClass('l2');
        
    	$('#vnav').click( function( e ) {
	    	if( scrolling ) return;
	        oy = e.pageY - $(this).offset().top;
			newitm = '';
			vt = $('.vmn').position().top;
			
			$('.vmn .mi').each( function( idx, curr ) 
					{ 
					co = $(curr);
					cc = co.position();
					ch = co.height();
					if( (oy>cc.top+vt) && (oy <= cc.top+vt+ch) )
						newitm = co.attr('id');
					} 
				);
		    newItem = newitm.substr(2);
			//alert(newItem);
	    	//scrollMenu();
		    window.location.href = mitems[newItem-1].url
			}
		);
    }
}

function doubleText( idx, curr ) 
{
    c = $(curr);
    c.parent().append( '<div class="sl">'+c.html()+'</div>' );
    $('.sl',c.parent()).width( c.width() );
}

function finishScrolling()
{
    if( !$('#currslide').html() ) 
        {
        scrolling = false;
        return;
        }
    if( mitems[currItem-1].limg )
        {
        $('img',$('#newslide')).remove();
        $('#newslide').append( '<img src="'+
            mitems[currItem-1].limg+'" width=640 height=332 border=0>' );
        $('#newslide').fadeIn( 'slow', function() 
            { 
            $('img',$('#currslide')).remove();
            $('#currslide').append( '<img src="'+
                mitems[currItem-1].limg+'" width=640 height=332 border=0>' );
            $('#currslide').show();
            $('#currname').hide();
            $('#currname').html('');
            $('#currname').append( '<div class="fl dbltxt">'+
                '<span class="wh">'+mitems[currItem-1].fl+
                (mitems[currItem-1].oneline?'.</span> ':'</span><br>')+
                '<span class="br">'+mitems[currItem-1].sl+'</span>'+
                '</div>' );
            $('.dbltxt',$('#currname')).each( doubleText );
            $('#newslide').hide();
            $('#currname').removeClass('l1');
            $('#currname').removeClass('l2');
            mitems[currItem-1].oneline ? $('#currname').addClass('l1') : $('#currname').addClass('l2');
            $('#currname').fadeIn();
            scrolling = false; 
            }
            );
        }
    else
        {
        $('img',$('#currslide')).remove();
        $('#currname').html('');
        scrolling = false;
        }
    if( !userScrolled )
        turnAutoScrollOn();
}

function proceedSlide()
{
    window.location = mitems[currItem-1].url;
}

function dialog( d, w, h, cnt, ttl, wsttl )
{
    closeLocs();
    dl = $('#dlg');

    $('body').append( '<div id="whbg"></div>' );
    $('#whbg').css('width',$('body').width() );
    $('#whbg').css('height',$('body').height() );
    
    dl.html('');
    dl.css( 'width', w );
    dl.css( 'height', h );

    if( d.obj )
        {
        o = $(d.obj).offset();
        dl.css('top',o.top-30);
        dl.css('left',o.left+$(d.obj).width()-w+30);
        dl.data( 'lobj', d.obj );
        }
    if( d.align && d.align == 'centered' )
        {
        dl.css("top", ( $(window).height() - h ) / 2+$(window).scrollTop() + "px");
        dl.css("left", ( $(window).width() - w ) / 2+$(window).scrollLeft() + "px");
        dl.data( 'align', d.align );
        }
    if( d.top && d.left )
        {
        dl.css('top',d.top);
        dl.css('left',d.left);
        }
    cls = d.noclose ? '' : '<div class="cls"></div>';
    ttla = d.noclose ? 'c' : '';

    ao = wsttl ? 'nt' : '';
    dt = wsttl ? '' : cls+'<div class="ttl'+ttla+'">'+ttl+'</div>';
    db = wsttl ? cls+'<div class="ttl'+ttla+'">'+ttl+'</div>' : '';
    dl.append( '<div class="dbl'+ao+'"><div></div></div>' );
    dl.append( '<div class="dbc'+ao+'"><div class="bg"></div>'+dt+'</div>' );
    dl.append( '<div class="dbr'+ao+'"><div></div></div>' );
    dl.append( '<div class="dblc"><div></div></div>' );
    dl.append( '<div class="cntx">'+cnt+db+'</div>' );
    dl.append( '<div class="dbrc"><div></div></div>' );
    dl.append( '<div class="dbbl"><div></div></div>' );
    dl.append( '<div class="dbbc"><div></div></div>' );
    dl.append( '<div class="dbbr"><div></div></div>' );
    $('.dblc',dl).css('top',(wsttl?30:57));
    $('.dblc',dl).css('height',h-30-(wsttl?30:57));
    $('.dbrc',dl).css('top',(wsttl?30:57));
    $('.dbrc',dl).css('height',h-30-(wsttl?30:57));
    $('.cntx',dl).css('top',(wsttl?30:57));
    $('.cntx',dl).css('height',h-30-(wsttl?30:57));
    $('.cntx',dl).css('width',w-30);
    $('.dbc'+ao,dl).css('width',w-60);
    $('.dbbc',dl).css('width',w-60);
    if( !d.fin )
        {
        $('.dbc div.cls',dl).click( closeModal );
        $('.cntx div.cls',dl).click( closeModal );
        $('#whbg').click( closeModal );
        }
    else
        {
        $('.dbc div.cls',dl).click( function() { window.location = d.fin; } );
        $('.cntx div.cls',dl).click( function() { window.location = d.fin; } );
        $('#dlg_finize',dl).click( function() { window.location = d.fin; } );
        $('#whbg').click( function() { window.location = d.fin; } );
        }
    $('.cntx .frm :text').addClass('inp');
    $('.cntx .frm :password').addClass('inp');
    $('#dlg').show();
    $('#whbg').fadeTo( 'slow', 0.8 );
}

function closeModal()
{
    $('#dlg').hide();
    $('#dlg').html('');
    $('#whbg').fadeOut('fast', function() { $('#whbg').remove(); } );
}

function showMessage( e )
{
    cnt = '<div style="text-align: left; padding: 50px 50px 0px 50px;"><p>Your payment details will be sent to your email.' +
        '<p>You should track your order status on the My Profile page '+
        'within two business days.'+
        '<p>We appreciate the opportunity to serve you.</div>';
    cnt += '<div style="text-align: center; height:100px; padding: 20px;"><img id=dlg_finize src=/media/img/en/btn_close.png width=89 height=32 border=0></div>';
    dialog({align:'centered',noclose:true,fin:'/shopping-cart.html'},450,350,cnt,'Thank you for shopping with us!');

    // no need to run
    e.preventDefault();
}