// JavaScript Document

function getpos(element)
{
        if ( arguments.length != 1 || element == null )
        {
               return null;
        }
        var elmt = element;
        var offsetTop = elmt.offsetTop;
        var offsetLeft = elmt.offsetLeft;
        var offsetWidth = elmt.offsetWidth;
        var offsetHeight = elmt.offsetHeight;
        while( elmt = elmt.offsetParent )
        {
                // add this judge
                if ( elmt.style.position == 'absolute'
//              || elmt.style.position == 'relative'
                || ( elmt.style.overflow != 'visible' && elmt.style.overflow != '' ) )
                {
                        break;
                }
                offsetTop += elmt.offsetTop;
                offsetLeft += elmt.offsetLeft;
        }
        return {top:offsetTop, left:offsetLeft, right:offsetWidth+offsetLeft, bottom:offsetHeight+offsetTop };
}
	tt=5
function ggg(){

	x1=$('#dw1').offset().left+tt;


			y1=$('#dw1').offset().top;
			$(".slideshow1 li").css("top",y1);
			 $(".slideshow1 li").css("left",x1); 
			 
			 
			 x2=$('#dw2').offset().left+tt;
			y2=$('#dw2').offset().top;
			$(".slideshow2 li").css("top",y2);
			 $(".slideshow2 li").css("left",x2);  
			 
			 
			  x3=$('#dw3').offset().left+tt;
			y3=$('#dw3').offset().top;
			$(".slideshow3 li").css("top",y3);
			 $(".slideshow3 li").css("left",x3);  
			 
			 
			 
			  x4=$('#dw4').offset().left+tt;
			y4=$('#dw4').offset().top;
			$(".slideshow4 li").css("top",y4);
			 $(".slideshow4 li").css("left",x4);  
	
	}
	
	
	
	if (window.attachEvent) 
{
window.attachEvent("onscroll", ggg);
window.attachEvent("onresize", ggg);
window.attachEvent("onload", ggg);
}
else
{
window.addEventListener("scroll",ggg,false);
window.addEventListener("resize",ggg,false);
window.addEventListener("load",ggg,false);
}

	$(function(){
		   
			x1=$('#dw1').offset().left+tt;
			y1=$('#dw1').offset().top;
			$(".slideshow1 li").css("top",y1);
			 $(".slideshow1 li").css("left",x1); 
			 
			 
			 x2=$('#dw2').offset().left+tt;
			y2=$('#dw2').offset().top;
			$(".slideshow2 li").css("top",y2);
			 $(".slideshow2 li").css("left",x2);  
			 
			 
			  x3=$('#dw3').offset().left+tt;
			y3=$('#dw3').offset().top;
			$(".slideshow3 li").css("top",y3);
			 $(".slideshow3 li").css("left",x3);  
			 
			 
			 
			  x4=$('#dw4').offset().left+tt;
			y4=$('#dw4').offset().top;
			$(".slideshow4 li").css("top",y4);
			 $(".slideshow4 li").css("left",x4);  
			 
		$(".slideshow1 li:eq(0)").show();
		$(".slideshow2 li:eq(0)").show();
		$(".slideshow3 li:eq(0)").show();
		$(".slideshow4 li:eq(0)").show();
		
		p1=$(".slideshow1 li").length;
		
		
		p2=$(".slideshow2 li").length;
		p3=$(".slideshow3 li").length;
		p4=$(".slideshow4 li").length;
			ShowThis ();

	});
var i1=0;
var i2=0;
var i3=0;
var i4=0;
var c=1;
	function ShowThis(){
		if(c==1)
		{
		$(".slideshow1 li:not(:eq("+i1+"))").fadeOut(2000);
		$(".slideshow1 li:eq("+i1+")").fadeIn(2000);
		i1+=1;
		if(i1>p1-1){i1=0};
		}
		else if(c==2)
		{
			$(".slideshow2 li:not(:eq("+i2+"))").fadeOut(2000);
		$(".slideshow2 li:eq("+i2+")").fadeIn(2000);
		i2+=1;
		if(i2>p2-1){i2=0};
			}
			
		else if(c==3)
		{
				
				$(".slideshow3 li:not(:eq("+i3+"))").fadeOut(2000);
		$(".slideshow3 li:eq("+i3+")").fadeIn(2000);
		i3+=1;
		if(i3>p3-1){i3=0};
				
			}
				
				
				else
			{
				
				$(".slideshow4 li:not(:eq("+i4+"))").fadeOut(2000);
		$(".slideshow4 li:eq("+i4+")").fadeIn(2000);
		i4+=1;
		if(i4>p4-1){i4=0};
		
				
			}
				
				c++;
				if(c>4) c=1;
		setTimeout("ShowThis()",2000);
	}