function sls(t) {
    t = $(t);
    var iC = (i = t.find('img')).wrapAll('<div class="sls-inner" />').length;
    var cn = 0;
    iW = 0;
    i.each(function(i,e){
        iW+=$(e).attr('id','sls-i-'+i).width();
    }).filter(':eq(0)').addClass('curr');
    t.find('div').css({
        width: iW+'px'
    }).wrap('<div class="sls-frame" />');
    /*
 
 t.append($('<a class="sx dis" href="#"><img alt="" src="/img/blank.gif" /></a>').click(function(e){
    e.preventDefault();
                      
    if (cn-1 == -1) {
        return;  
    }
    cn--;
                      
    if (cn == 0) {
        $(this).addClass('dis');
    }
    if (cn < iC) {
        $(this).parent().find('a.dx').removeClass('dis');
    }                                            
                      
                      
    t.find('.navbar a').removeClass('em').eq(cn).addClass('em');
    si = t.find('.sls-inner');
    c = si.find('.curr');
    c.removeClass('curr').prev().addClass('curr');
    si.animate({
        left: '+='+c.get(0).width+'px'
    });
                       
}));
t.append($('<a class="dx" href="#"><img alt="" src="/img/blank.gif" /></a>').click(function(e){
    e.preventDefault();
    if (cn+1 == iC) {
        return;  
    }
    cn++;
                      
    if (cn == iC-1) {
        $(this).addClass('dis');
    }
    if (cn > 0) {
        $(this).parent().find('a.sx').removeClass('dis');
    }                      
                      
    t.find('.navbar a').removeClass('em').eq(cn).addClass('em');
    si = t.find('.sls-inner');
    c = si.find('.curr');
    c.removeClass('curr').next().addClass('curr');
    si.animate({
        left: '-='+c.get(0).width+'px'
    });
}));
                   
// arrows
                   
t.css({
    paddingLeft:'20px',
    paddingRight:'20px'
});
    
w = t.width()-20-1;
t.css ({
    width:w+'px'
});
*/
    // Gen Nav Bar
    /*
t.css({
    position:'relative'
});*/
    w = t.width();                  
    nb = $('<div />').addClass('navbar');

    for (j=0;j<iC;j++) {
        nb.append($('<a href="#'+j+'"><img alt="" src="/img/blank.gif" /></a>'));
    }
    nb.find('a:eq(0)').addClass('em');
    nb.find('a').click(function(e){
        e.preventDefault();
        t.find('.sls-inner').animate({
            left: '-'+
            t.find('.sls-inner img').removeClass('curr')
            .eq(cn = $(this).attr('href').substr($(this).attr('href').indexOf('#')+1)).addClass('curr').
            position().left+'px'
        });
        /*
    t.find('a.dx,a.sx').removeClass('dis');
    if (cn == iC-1) {
        t.find('a.dx').addClass('dis');
    }
    if (cn == 0) {
        t.find('a.sx').addClass('dis');
    }
    */
        $(this).parent().find('a').removeClass('em');
        $(this).addClass('em');
    });
    t.append(nb);
                   
                   
  
    function scrollDx () {
        
        

        if (cn+1 == iC) {
            
            t.find('.navbar a').removeClass('em').eq(cn).addClass('em');
            si = t.find('.sls-inner');
            c = si.find('.curr');
            c.removeClass('curr');
            si.find('img').first().addClass('curr');  
           
            
            si.clearQueue().animate({
                left: '0px'
            });
 
            cn = 0;
         
            return; 
        }        
        
        cn++;
                      
        if (cn == iC-1) {
            $(this).addClass('dis');
        }
        if (cn > 0) {
            $(this).parent().find('a.sx').removeClass('dis');
        }                      
                      

        si = t.find('.sls-inner');

        c = si.find('.curr');
        c.removeClass('curr').next().addClass('curr');
        si.clearQueue().animate({
            left: '-='+c.get(0).width+'px'
        });

    //  setAutoScroll();
    }
    
/*
     var autoScrollIdTimeout;

    function setAutoScroll() {
     //   clearTimeout(autoScrollIdTimeout);
        autoScrollIdTimeout = setTimeout(
            function () {
                scrollDx ();// clearTimeout(autoScrollIdTimeout);
                setAutoScroll() ;
            }, 3000
            );
    }
    
        setAutoScroll();           */
}

function logUser(){
    var obj = $.map($('#fUser').find('select:not(:disabled),input:not(:disabled):not(:button)'), function(n, i)
    {
        return {
            name: n.name, 
            value: $(n).val()
        };
    });
    //      console.log(obj);
    $.post('/guests/login', obj, function (data) {
        if (!data) alert('wrong username or password'); else
            document.location.href = '/guests/MediaBank'
    }, "json" ); 
    return false;
}

function sendLink(o){
    var obj = $.map($(o).parent().find('select:not(:disabled),input:not(:disabled):not(:button),textarea:not(:disabled)'), function(n, i)
    {
        return {
            name: n.name, 
            value: $(n).val()
        };
    });
    //      console.log(obj);
    $.post('/guests/sendViaEmail', obj, function (data) {
        ClosePopup($(o).parent());
    }, "json" ); 
    return false;
}

function logGuest(){
    var obj = $.map($('#fGuest').find('select:not(:disabled),input:not(:disabled):not(:button)'), function(n, i)
    {
        return {
            name: n.name, 
            value: $(n).val()
        };
    });
    //      console.log(obj);
    $.post('/guests/login', obj, function (data) {
        if (!data) alert('wrong username or password'); else
            document.location.href = '/guests/Upload'
    }, "json" ); 
    return false;
}



//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;
var popupStatus = 0;

//loading popup with jQuery magic!
function loadPopup(){
    //loads popup only if it is disabled
    if(popupStatus==0){
        $("#backgroundPopup").css({
            "opacity": "0.7"
        });
        $("#backgroundPopup").fadeIn("slow");
        $("#popupContact").fadeIn("slow");
        popupStatus = 1;
    }
}


function centerPopup(){
    //request data for centering
    var windowWidth = document.documentElement.clientWidth;
    var windowHeight = document.documentElement.clientHeight;
    var popupHeight = $("#popupContact").height();
    var popupWidth = $("#popupContact").width();
    //centering
    $("#popupContact").css({
        "position": "absolute",
        "top": windowHeight/2-popupHeight/2,
        "left": windowWidth/2-popupWidth/2
    });
    //only need force for IE6
	
    $("#backgroundPopup").css({
        "height": windowHeight
    });
	
}



function ClosePopup(o){

    if(popupStatus==1){
        $(o).parent().fadeOut("slow").remove();
        $('#backgroundPopup').fadeOut("slow").remove();
        popupStatus = 0

    }
    return false;
}


function op(a) {

    $('body').append('<div id="popupContact"><a id="popupContactClose" href="#" onclick="javascript:return ClosePopup($(this));" >x</a><h1>Share link</h1><p id="contactArea"><form><textarea id="urlLink" style="width: 405px; height: 318px;"></textarea></form></p></div><div id="backgroundPopup"></div>');

    //centering with css
    centerPopup();
    //load popup
    loadPopup();
    $('#urlLink').val(a);
}
        
function op2(a) {

    $('body').append('<div id="popupContact"><a id="popupContactClose" href="#" onclick="javascript:return ClosePopup($(this));" >x</a><h1>Share link</h1><p id="contactArea"><form><input id="urlLink" type="hidden" name="data[url]" /><label>Email address:</label><input name="data[to]"  type="text" style="width:400px" /><label>Note</label><textarea name="data[subj]" style="width: 400px; height: 252px;"></textarea><a href="#" onclick="javascript: sendLink($(this));return false;">Send</a></form></p></div><div id="backgroundPopup"></div>');

    //centering with css
    centerPopup();
    //load popup
    loadPopup();
    $('#urlLink').val(a);
}




$().ready(function(){
    /*
    var maxH = 0;
    $('.menu-pan:not(.menu-pan-rev) dl').each(function(){
        h = $(this).outerHeight(true);
    
        if(h>maxH){
            maxH=h;
        }
    }).each(function(){
        
        $(this).css({
            paddingBottom: (maxH-$(this).outerHeight())+'px'
        })
    });
    
    */
   
    $('.menu-pan:not(.menu-pan-rev) dl').each(function(){
        //    $(this).height(maxH+25);
        $(this).css({
            paddingBottom:'25px'
        })
    });   

    $('.menu-pan:not(.menu-pan-rev)>div').each(function(){
        //    $(this).height(maxH+25);

        });
    
    $('.menu-pan-rev>div').each(function(){
        //  $(this).height($(this).next().height()+55);
        });    


    $('#top-menu a,#sm-lan-sel a').hover(
        function () {
                
            var off = $(this).position();
        
            var tgt = $($(this).attr('href').substr($(this).attr('href').indexOf('#')));
        
            var isRev = tgt.hasClass('menu-pan-rev');
            var offBack = isRev?{
                top: '-300px'
            }:{
                bottom: '-300px'
            };
            var offFwd = isRev?{
                top: '0'
            }:{
                bottom: '-30px'
            };
        
            var i = $('>dl',tgt);
            if (i.length > 0) {
            
                tgt.css({
                    left: off.left+'px'
                });
        
                if (isRev) {
                    $('>div',tgt).width(i.width()+60).height(i.height()+30);;
                } else {
                    $('>div',tgt).width(i.width()+60).height(300); //.css({top: (-h-30)+'px'});
                }
        
                $('#flash-header-placeholder').width(998);
                tgt.stop().clearQueue().animate(offFwd,100);
                $('.menu-pan').each(function () {
                    clearTimeout($(this).data('timeoutMyId'));
                }).not(tgt).stop().clearQueue().each(function(){
                    $(this).animate($(this).hasClass('menu-pan-rev')? {
                        top: '-300px'
                    }:{
                        bottom: '-300px'
                    },100);
                })

                tgt.unbind().mouseenter(function(){
                    clearTimeout(tgt.data('timeoutMyId'));
                }).mouseleave(function(){

                    var tgt = $(this);
                    var timeoutMyId = setTimeout(function(){
                        if (tgt == null) {
                            return;
                        }
                        tgt.clearQueue().animate(offBack,function(){},function(){
                            $('#flash-header-placeholder').width(10);
                        });
                
                    },600);
                    tgt.data('timeoutMyId', timeoutMyId);
                });
            }
        }); // hover
    $('#top-menu a,#sm-lan-sel a').mouseleave(
        function () { //  out
            var tgt = $($(this).attr('href').substr($(this).attr('href').indexOf('#')));
            var offBack = tgt.hasClass('menu-pan-rev')?{
                top: '-300px'
            }:{
                bottom: '-300px'
            };        
                
            var timeoutMyId = setTimeout(function(){
                if (tgt == null) {
                //           alert ('!');
                }
                tgt.stop().clearQueue().clearQueue().animate(offBack,
                    function(){},
                    function(){
                        $('#flash-header-placeholder').width(10);
                    });

            },1000);
            $(tgt).data('timeoutMyId', timeoutMyId);
        }
        );

    $('#slide-show').cycle({ 
        fx:    'fade', 
        speed:  2500,
        timeout: 1000
    });


    var ix = 0;
    //  div.NewCol1
    $('.col-1').cycle({ 
        fx:    'fade', 
        speed:  1500,
        timeout: 6000,
        slideExpr: 'div.NewCol1',
        pager: $('.col-1 .nav')/*,
    before: function(currEl) {
       i = $(currEl).attr('class').replace(/.*pag-(\d+)/,'$1');
       $('.col-1 .nav a').removeAttr('style').filter(':contains('+i+')').css({color: 'white'});
    } */
    });
 
    $('.col-2').cycle({ 
        fx:    'fade', 
        speed:  1500,
        timeout: 6000,
        slideExpr: 'div.NewCol2',
        pager: '.col-2 .nav'
    /*    before: function(currEl) {
       i = $(currEl).attr('class').replace(/.*pag-(\d+)/,'$1');
       $('.col-2 .nav a').removeAttr('style').filter(':contains('+i+')').css({color: 'white'});
    }*/
    });
    /*
 *$('.col-1 .nav a').click(function(e) {
    
    $('.col-1').cycle('stop');
    e.preventDefault();

    return false;
});
$('.col-2 .nav a').click(function(e) {
     $('.col-2').cycle('stop');
    e.preventDefault();

    return false;
});

/*
var pagNumber = 1;



var pagingTimeoutId;

function rotateNews(){
    pagingTimeoutId = setTimeout(function(){
    pagNumber = (pagNumber<3)?pagNumber+1:1;
    $('.col-1 .nav a,.col-2 .nav a').removeAttr('style').filter(':contains('+pagNumber+')').css({color: 'white'});
    $('.NewCol1,.NewCol2').hide().filter('.pag-'+ pagNumber).show();
    rotateNews();}, 4000);
}
         
rotateNews();         

$('.col-1 .nav a').click(function(e) {
    clearTimeout(pagingTimeoutId);
    e.preventDefault();
    $(this).parent().find('a').removeAttr('style');
    $(this).css({color: 'white'});
    $('.NewCol1').hide().filter('.pag-'+ $(this).text()).show();
    return false;
});
$('.col-2 .nav a').click(function(e) {
    clearTimeout(pagingTimeoutId);
    e.preventDefault();
    $(this).parent().find('a').removeAttr('style');
    $(this).css({color: 'white'});
    $('.NewCol2').hide().filter('.pag-'+ $(this).text()).show();
    return false;
})
*/
    // sls($('#slide-show'));
    setTimeout(
        function () {
                
            if ($('#fb-count').length>0) {
                $.getJSON('http://graph.facebook.com/123943770959960/?callback=?', function (data){
                    $('#fb-count').html(data.likes);
                }); 
            }
        }, 100
        );

});