function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
{
    // The index() method calculates the index from a
    // given index who is out of the actual item range.
    var idx = carousel.index(i, mycarousel_itemList.length-1);
      carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
};

function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt)
{
    carousel.remove(i);
};
function mycarousel_getItemHTML(item) {
    return '<div onclick="OpenPic(\''+ item.href + '\')" style="cursor:pointer;" onmouseover="setBorder(this);" onmouseout="removeBorder(this);"><img style="opacity:0.8;filter:alpha(opacity=80);border:1px solid white;" src="' + item.url + '" height="75" alt="" /><div class="userDetails" dir="rtl"><div>' + item.username+ '</div></div></div>';
};

    function readCookiesData() {
            var rem = readCookie("remember");
            if (rem == "yes") {
                document.getElementById("remember").checked = true;
                document.getElementById("txtUsername").value = readCookie("username");
                $(document).ready(function(){  	
			    $("#loginTable").show();
			    document.getElementById("loginButtonDiv2").style.background = "url(/site/homepage/images/loginButtonBackground.jpg)";
      		    });
            }     
        }
        
	function readCookie(name) {
            var nameEQ = name + "=";
            var ca = document.cookie.split(';');
            for (var i = 0; i < ca.length; i++) {
                var c = ca[i];
                while (c.charAt(0) == ' ') c = c.substring(1, c.length);
                if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
            }
            return null;
        }
	function checkLoginCookie()
	{
		if (document.cookie.indexOf( "email=" )>-1)
		{
			$(document).ready(function(){  	
			$("#loginTable").show();
      		$("#loginButtonDiv").show();
      		});
		}
	}

	$(document).ready(function(){  	
	$("#loginButton2").click(function(){
			if ($("#loginTable").css("display")=="none")
			{
			    $("#loginTable").show();
			    document.getElementById("loginButtonDiv2").style.background = "url(/site/homepage/images/loginButtonBackground.jpg)";
			}
      		else
      		{
      			$("#loginTable").hide();
      			document.getElementById("loginButtonDiv2").style.background="";
      		}
      		 
  		});
  		
  	jQuery('#mycarousel').jcarousel({
  		 scroll: 5,
  		 wrap: 'circular',
  		 auto: 10,
  		 itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
  		 
  		});	
  	
  	});
	
	function setBorder(elementId)
	{
		elementId.childNodes[0].style.border="1px solid red";
		elementId.childNodes[0].style.opacity="1";
		if(navigator.appName == "Microsoft Internet Explorer")
			elementId.childNodes[0].filters.alpha.opacity="100";
				
		elementId.childNodes[1].style.background="url(images/usernameBackgound.jpg) no-repeat";
		elementId.childNodes[1].style.color="white";
		elementId.childNodes[1].style.margin="0 3px";
	}
	
	function removeBorder(elementId)
	{
		elementId.childNodes[0].style.border="1px solid white";
		elementId.childNodes[0].style.opacity="0.8";
		if(navigator.appName == "Microsoft Internet Explorer")
				elementId.childNodes[0].filters.alpha.opacity="80";
		
		elementId.childNodes[1].style.background="";
		elementId.childNodes[1].style.color="";
	}

	function OpenPic(Link) {
	//open link in popup mode
		Link = Link + "&PersistLayoutTemplate=1&LayoutTemplateID=11&Ordinal=1";
		window.open(Link, 'name', 'height=650,width=600');
        }
    
    function btnLogin_Clicked() {
        
        var chkRememberMe = document.getElementById("remember");
        if (chkRememberMe.checked) {
            createCookie("username", document.getElementById("txtUsername").value, 100);
            createCookie("remember", "yes", 100);
        }
        else {
            eraseCookie("username");
            eraseCookie("remember");
        }
		
		document.getElementById("txtPassword").name = "password";
		
        formLogin.submit();
    }

    function submitEnter(myfield, e) {
        var keycode;
        if (window.event) keycode = window.event.keyCode;
        else if (e) keycode = e.which;
        else return true;

        if (keycode == 13)
           {
           btnLogin_Clicked();
           return false;
           }
        else
           return true;
    }

    function eraseCookie(name) {
            createCookie(name, "", -1);
        }
    
    function createCookie(name, value, days) {
            if (days) {
                var date = new Date();
                date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
                var expires = "; expires=" + date.toGMTString();
            }
            else var expires = "";
            document.cookie = name + "=" + value + expires + "; path=/";
        }