function ShowImagesHover()
{
    //$("#ImagesHolder #ulImages .ImageTd .main_Image").hover(
    $(".aImgHover").live("mouseover",
                    function()
                    {
                        var aObj=$(this).children("img");
                        
                        $("body").append("<div class='bigImageShow'><img src='../resources/images/ajax-loader3.gif' /></div>");
                        
                        var imgUrl = aObj.attr("href");
                        
                        //alert(imgUrl);
                        var BigWidth=(aObj.attr("mywidth")==null)?0:aObj.attr("mywidth");
                        var BigHeight=(aObj.attr("myheight")==null)?0:aObj.attr("myheight");
                        
                        var img = new Image();
                        $(img).attr("src",imgUrl);
                        $(img).attr("width",BigWidth);
                        $(img).attr("height",BigHeight);

                        var blank;
                        if(imgUrl.length==0)
                        {
                            imgUrl = "../resources/images/no_image_avail.gif";
                          	$(img).attr("src",imgUrl);
                        	$(img).attr("width", 100);
                        	$(img).attr("height",100);
                        	$(img).appendTo($("div.bigImageShow"));
                            $("div.bigImageShow").fadeIn(1000).css("z-index","200000");
                        }
                        else
                        { 
                            var Dimension = ImageSize(BigWidth,BigHeight,400);
                            if (Dimension[2] == "height")
                            {
                        	    $(img).attr("width", Dimension[1]);
                        	    $(img).attr("height",Dimension[0]);
                            	$("div.bigImageShow").html("");
                            	$("div.bigImageShow").attr("width",Dimension[1]);
                            	$("div.bigImageShow").attr("height",Dimension[0]);
                            	$(img).appendTo($("div.bigImageShow"));
                            	$("div.bigImageShow").fadeIn(1000);
                            }
                            else
                            {
                                if(BigWidth>0 && BigHeight>0)
                                {
                        	        $(img).attr("width", Dimension[0]);
                        	        $(img).attr("height",Dimension[1]);
                        	        $("div.bigImageShow").attr("width",Dimension[0]);
                            	    $("div.bigImageShow").attr("height",Dimension[1]);
                        	    }
                        	    else
                        	    {
                        	        $(img).removeAttr("width").removeAttr("height");
                        	        $("div.bigImageShow").attr("width",200);
                            	    $("div.bigImageShow").attr("height",200);
                        	    }
                            	$("div.bigImageShow").html("");
                            	$(img).appendTo($("div.bigImageShow"));
                            	$("div.bigImageShow").fadeIn(1000);
                            }
                        }
                    });

                   $(".tdImgHover").live("mouseout", function()
                    {
                        $("div.bigImageShow").remove();
                    });
                        
        //$("#ImagesHolder #ulImages .ImageTd .main_Image").mousemove(function(e) {
        $(".aImgHover").live("mousemove", function(e) {
            // Position our definition box to just beneath our mouse
            $("div.bigImageShow").css("top", (e.pageY + 25));
            $("div.bigImageShow").css("left", (e.pageX - ($("div.bigImageShow").width() / 2)));
        });
       $(".aImgHover").live("mouseout", function()
        {
            $("div.bigImageShow").remove();
        });        
}
function ImageSize(width, height, max)
{
    var DimensionArray=new Array();
    width=parseInt(width);
    height=parseInt(height);
    DimensionArray[0]=width;
    DimensionArray[1]=height;
        if(width>height)
        {
            if(width>max)
            {
            proportion=width/max;
            newHeight=Math.floor(height/proportion);
            DimensionArray[0]=max;
            DimensionArray[1]=newHeight;
            }
        }
        else
        {
            if(height>max)
            {
            proportion=height/max;
            newWidth=Math.floor(width/proportion);
            DimensionArray[0]=newWidth;
            DimensionArray[1]=max;
            }
        }
   return DimensionArray;
}

ShowImagesHover();

$(document).ready(Load);

var preventDoubleClick=false;
var NextPage=true;
var NewsMainPager=1;
var BlogPager=1;

var VideoSmallPager=1;
var FeedPager=1;
var FlickrImagesPager=1;
var TwitterHPPager=1;

function Load(arg)
{
    ResultsFromServer()
}


function ResultsFromServer()
{
    AddInteraction("Video", NewsMainPager);
    AddInteraction("VideoSmall", VideoSmallPager);
    AddInteraction("Feed", FeedPager);
    AddInteraction("FlickrImages", FlickrImagesPager);
    AddInteraction("TwitterHP", TwitterHPPager);
}


    function PagerLogic(AnyPager, delta, bNextPage, tblId, btnPrevId)
    {
        NextPage=bNextPage;
        if((AnyPager<=2)&&(delta<0))
            $(btnPrevId).css("visibility","hidden");
        else
            $(btnPrevId).css("visibility","visible");
        AnyPager=AnyPager+delta;
        if(AnyPager<1)
            AnyPager=1;
        //ScrollUp(tblId);
        return AnyPager;
    }


    function ButtonsId(PrevId, NextId)
    {
        this.Prev=PrevId;
        this.Next=NextId;
        this.Both=PrevId+", "+NextId;
    }

    function AddSpecificInteraction(pageName, idHolder, PagerIndex, ResultSize)
    {
        ResultsLoad(PagerIndex, "#ul"+idHolder, new ButtonsId("#btnPrev"+idHolder, "#btnNext"+idHolder));

        $("#btnPrev"+idHolder).click(function(){
            var PreventDoubleResult=PagerIndex;
            PagerIndex=PagerLogic(PagerIndex, -1, false, "#tbl"+idHolder, "#btnPrev"+idHolder);
            if(PreventDoubleResult!=PagerIndex)
                PagerSearch(pageName, PagerIndex, "#ul"+idHolder, new ButtonsId("#btnPrev"+idHolder, "#btnNext"+idHolder), ResultSize);
        });

        $("#btnNext"+idHolder).click(function(){
            var PreventDoubleResult=PagerIndex;
            PagerIndex=PagerLogic(PagerIndex, 1, true, "#tbl"+idHolder, "#btnPrev"+idHolder);
            if(PreventDoubleResult!=PagerIndex)
                PagerSearch(pageName, PagerIndex, "#ul"+idHolder, new ButtonsId("#btnPrev"+idHolder, "#btnNext"+idHolder), ResultSize);
        });
    }

function AddInteraction(idName, PagerIndex, srchType)
{
    $("#btnPrev"+idName).click(function(){
        if (!preventDoubleClick){
            preventDoubleClick = true;
            PagerIndex=PagerLogic(PagerIndex, -1, false, "#tbl"+idName, "#btnPrev"+idName);
            PagerSearch(idName, PagerIndex, "#ul"+idName, new ButtonsId("#btnPrev"+idName, "#btnNext"+idName), srchType);
        }
    });

    $("#btnNext"+idName).click(function(){     
        if (!preventDoubleClick){
            preventDoubleClick = true;
            PagerIndex=PagerLogic(PagerIndex, 1, true, "#tbl"+idName, "#btnPrev"+idName);
            PagerSearch(idName, PagerIndex, "#ul"+idName, new ButtonsId("#btnPrev"+idName, "#btnNext"+idName), srchType);
        }
    });
}

function SlideResults(msg, UlholderId)
{
    var FirstLi=$(UlholderId).children("li:first");
    var LastLi=$(UlholderId).children("li:last");
    var portletWidth=$(UlholderId).parents(".portlet").width();
    var width="290px";
    var hidePlr=true;

    if(portletWidth!=null)
        width=Number(portletWidth)*0.9+"px";
    
    if(UlholderId=="#ulVideoBig")
         width=Number(portletWidth)+"px";
    
    $(UlholderId).css("width","40000px");

    if($.browser.opera)
    {
        $(UlholderId).children("li:first").html(msg);
    }
    else
    {
        if(NextPage)
        {
            $(".liHolder", UlholderId).width(width);
            $(FirstLi).after("<li class='liHolder' style='width:"+width+"'>"+msg+"</li>");
            if(hidePlr)
                $(UlholderId+" embed").css({visibility:"hidden"});
                
            $(FirstLi).animate({
                marginLeft:"-"+width
            }, 1000, function(){
                $(FirstLi).remove();
                ChangeViewHref(UlholderId, "VideoSmall");
                if(hidePlr)
                    $(UlholderId+" embed").css({visibility:"visible"});
                $(UlholderId).css("width","100%");
                $(".liHolder", UlholderId).css("width","100%");
                //release the lock
                preventDoubleClick = false;
                pagerAjaxLoad.hideIcon();
            });
        }
        else
        {
            $(".liHolder", UlholderId).width(width);
            $(FirstLi).before("<li class='liBefore liHolder' style='width:"+width+"; margin-left:-"+width+"'>"+msg+"</li>");
            if(hidePlr)
                $(UlholderId+" embed").css({visibility:"hidden"});
            
            FirstLi=$(UlholderId).children("li:first");
            $(FirstLi).animate({
                marginLeft:"0px"
            }, 1000, function(){
                $(LastLi).remove();
                ChangeViewHref(UlholderId, "VideoSmall");
                if(hidePlr)
                    $(UlholderId+" embed").css({visibility:"visible"});
                $(UlholderId).css("width","100%");
                $(".liHolder", UlholderId).css("width","100%");
                //release the lock
                preventDoubleClick = false;
                pagerAjaxLoad.hideIcon();
            });
        }
    }
}

function PagerSearch(Page, PagerIndex, ulHolder, buttonsId, type)
{ 
   var sType="";
   if(type!=null)
   sType="&type="+type;
   var parametr="";
   switch (ulHolder){
    case '#ulVideoSmall': {Text=$('#YouTubeUsername').val(); parametr="?userName="+Text+"&size=3&page="+PagerIndex+"&p=true"+sType;} break;
    case '#ulFeed': {Text=$('#BlogUrl').val(); parametr="?url="+Text+"&size=3&page="+PagerIndex+"&p=true"+sType;} break;
    case '#ulFlickrImages': {Text=$('#FlickrUsername').val(); parametr="?userName="+Text+"&size=5&page="+PagerIndex+"&p=true"+sType;} break;
    case '#ulTwitterHP': {Text=$('#TwitterUsername').val(); parametr="?userName="+Text+"&size=15&page="+PagerIndex+"&p=true"+sType;} break;
    case '#ul': ; break;
   }
   $.ajax({
   type: "GET",
   url: "../ResultsPages/"+Page+".aspx"+parametr,
   success: function(msg){
        if(msg.length>50)
        {
            SlideResults(msg, ulHolder);
            //ResultsLoad(PagerIndex, ulHolder, buttonsId);
            window[Page+"Pager"] = PagerIndex;   
        }
        else
        {
            if(PagerIndex <= 2)           
                $("#btnPrev"+Page).css('visibility', 'hidden');
            $("#btnNext"+Page).css('visibility', 'hidden');
            window[Page+"Pager"] = PagerIndex -1 ;  
            //release the lock
            preventDoubleClick = false;
            pagerAjaxLoad.hideIcon();
                  
        }         

        //$("#counter"+Page).text(window[Page+"Pager"]);  
        $("#counter"+ulHolder.slice(3)).text(window[Page+"Pager"]);
        //pagerAjaxLoad.hideIcon();
   },
   error: function(msg){
        ErrorObj=msg;
        pagerAjaxLoad.hideIcon();
   }
   });
   
}

function ChangeViewHref(UlholderId, type)
{
    if(UlholderId=="#ul"+type)
    {
        $("#a"+type+"View").attr({href:$("#"+type+"Value").attr("value")});
        $("#VideoSmall").remove();
    }
}