FadeTime=8000;FadeTime2=2000;


chiliMouseX=0;
chiliMouseY=0;

function getMousePosition (Ereignis)
{
    if (!Ereignis)
        Ereignis    = window.event;
        chiliMouseX = Ereignis.clientX;
        chiliMouseY = Ereignis.clientY;
}

document.onmousemove = getMousePosition;

var resize      = false;
var boxIndex    = new Array();
var boxPosition = new Array();

var MouseX=0;
var MouseY=0;
var MB=new Array();


function stopBox(id)
{
    window.clearInterval(MB[id]);
    document.getElementById(id+'Play').style.display='block';
    document.getElementById(id+'Pause').style.display='none';
}

function startBox(id)
{
    MB[id] = setInterval('moveBoxRight2015(\''+id+'\')',FadeTime);
    document.getElementById(id+'Play').style.display='none';
    document.getElementById(id+'Pause').style.display='block ';
}

function chckMouseMove(start,id)
{
    end=chiliMouseX;
    if(start != end)
    {
        if((start-end)<0)
        {
            moveBoxLeft2015(id);
            stopBox(id);
        }
        else
        {
        moveBoxRight2015(id);
        stopBox(id);
        }   
        clearInterval(abcdefg);
    }
}

abcdefg='';

function testfunc(id)
{
    start=chiliMouseX;   
    end=chiliMouseX;
    abcdefg= setInterval("chckMouseMove("+start+",'"+id+"')",50);
}
function testfunc2()
{
    clearInterval(abcdefg);
}

var  Tstart = '';
var  Tend   = '';

function testfunc3(event,id)
{
    Tstart=event.touches[0].pageX;     
}

touchE = true;

function testfunc4(event,id)
{
    Tend = event.touches[0].pageX;
    if(touchE==true)
    {
        if((Tend-Tstart)<-1)
        {
            moveBoxRight2015(id);
            stopBox(id);
        }
        if((Tend-Tstart) > 1)
        {
            moveBoxLeft2015(id);
            stopBox(id);
        }   
        touchE=false;
        setTimeout('clearTouchE()',500);
    }
      
}
function clearTouchE()
{
    touchE=true;
}

function setSliderNavigation( Bid,elm) {
    navigaionItems = document.getElementById(Bid).getElementsByClassName('aw_BoxContentNav')[0].getElementsByClassName('aw_BoxContentNavLink');
 
  
     for( let i = 0 ;i < navigaionItems.length ;i++ )
            
    {  
        console.log(i);
        navigaionItems[i].className='aw_BoxContentNavLink';
       
        i++;
    }
    
    document.getElementById(elm+'Nav').className='aw_BoxContentNavLink active';
}



function moveBoxLeft2015(Bid)
{
    slider = document.getElementById(Bid);
    sliderElements = slider.getElementsByClassName('chili-slider-segment');
    i=0;
    while ( sliderElements[i] )
    {  
       if (sliderElements[i].className.match('boxSelected'))
       {
            
            selectedBox=i;
            sliderElements[i].className='chili-slider-segment';
            
       }else{
            sliderElements[i].className='chili-slider-segment';
       }
        i++;
    }
    
    
    prebox=((selectedBox-2)<  0)? (selectedBox-2+sliderElements.length) :selectedBox-2;
    curbox=((selectedBox - 1)<  0)? sliderElements.length-1 : selectedBox - 1;
    nextbox=((selectedBox - 2)<  0)?selectedBox + 2: selectedBox - 2;
    
    sliderElements[curbox].className='chili-slider-segment boxSelected';
    sliderElements[ prebox].className='chili-slider-segment previousBox';
    sliderElements[selectedBox].className='chili-slider-segment nextBox';
 
    navigaionItems = document.getElementById(Bid).getElementsByClassName('aw_BoxContentNav')[0].getElementsByClassName('aw_BoxContentNavLink');
 
    for( let i = 0 ;i < navigaionItems.length ;i++ )     
    {  
        navigaionItems[i].className='aw_BoxContentNavLink'; 
    }
    document.getElementById(sliderElements[curbox].id+'Nav').className='aw_BoxContentNavLink active';  
}
 
function moveBoxRight2015(Bid)
{
    slider = document.getElementById(Bid);
    sliderElements = slider.getElementsByClassName('chili-slider-segment');
    i=0;
    while ( sliderElements[i] )
    {  
       if (sliderElements[i].className.match('boxSelected'))
       {
            
            selectedBox=i;
            sliderElements[i].className='chili-slider-segment';
            
       }else{
            sliderElements[i].className='chili-slider-segment';
       }
        i++;
    }
    
    
    nextbox=((selectedBox + 2)<  sliderElements.length)?selectedBox + 2: (selectedBox + 2 - sliderElements.length);
    curbox=((selectedBox + 1)<  sliderElements.length)?selectedBox + 1:0;
    prebox=((selectedBox)<  sliderElements.length)?selectedBox :sliderElements.length-1;
    sliderElements[curbox].className='chili-slider-segment boxSelected';
    sliderElements[nextbox].className='chili-slider-segment nextBox';
    sliderElements[ prebox].className='chili-slider-segment previousBox';
    
    navigaionItems = document.getElementById(Bid).getElementsByClassName('aw_BoxContentNav')[0].getElementsByClassName('aw_BoxContentNavLink');
 
    for( let i = 0 ;i < navigaionItems.length ;i++ )     
    {  
        navigaionItems[i].className='aw_BoxContentNavLink'; 
    }
    document.getElementById(sliderElements[curbox].id+'Nav').className='aw_BoxContentNavLink active';
}   
    
    
function resetBox(Bid,Element,nav)
{
    slider = document.getElementById(Bid);
    sliderElements = slider.getElementsByClassName('chili-slider-segment');
    i=0;
    while ( sliderElements[i] )
    {  
       if (sliderElements[i].id==Element)
       {
            
            selectedBox=i;
            sliderElements[i].className='chili-slider-segment';
            
       }else{
            sliderElements[i].className='chili-slider-segment';
       }
        i++;
    }
    
    
    nextbox=((selectedBox + 1)<  sliderElements.length)?selectedBox + 1: (selectedBox + 1 - sliderElements.length);
    curbox=((selectedBox + 0)<  sliderElements.length)?selectedBox + 0:0;
    prebox=((selectedBox - 1) >=  0 )?selectedBox - 1 : sliderElements.length-1;
   
    sliderElements[curbox].className='chili-slider-segment boxSelected';
    sliderElements[nextbox].className='chili-slider-segment nextBox';
    sliderElements[prebox].className='chili-slider-segment previousBox';
   
    navigaionItems = document.getElementById(Bid).getElementsByClassName('aw_BoxContentNav')[0].getElementsByClassName('aw_BoxContentNavLink');
 
    for( let i = 0 ;i < navigaionItems.length ;i++ )     
    {  
        navigaionItems[i].className='aw_BoxContentNavLink'; 
    }
    document.getElementById(sliderElements[curbox].id+'Nav').className='aw_BoxContentNavLink active';
}

function createBox ()
{

    Bid     = '';	
	i       = 0;
	boxID   = 0;
	while( document.getElementsByTagName('div')[i] )
    {
		if(document.getElementsByTagName('div')[i].className.match('chili-slider')&& !document.getElementsByTagName('div')[i].className.match('chili-slider-segment'))
        {
        
            var boxContents     = new Array();
			var klasse          = 'aw_BoxContentNavLink active';
            var varClassName    = 'chili-slider-segment boxSelected';
			LINKS               = '';
			c                   = 0;
			box                 = document.getElementsByTagName('div')[i];
			var arrows          = box.innerHTML.search(/<!--arrows=no-->/);
			var navigation      = box.innerHTML.search(/<!--navigation=no-->/);
			var play            = box.innerHTML.search(/<!--autoplay-->/);
            var fade            = box.innerHTML.search(/<!--fade-->/);
            var slow            = box.parentNode.innerHTML.search(/<!--slow-->/);
            Bid                 = 'ContentBox'+i;
         
			box.id              = Bid;
		
            OL                  = document.createAttribute("onmousedown");
			OL.nodeValue        = "testfunc('"+Bid+"')";
			box.setAttributeNode(OL);
                        
            OL                  = document.createAttribute("onmouseup");
			OL.nodeValue        = "testfunc2()";
			box.setAttributeNode(OL);
                        
            OL                  = document.createAttribute("ontouchstart");
			OL.nodeValue        = "testfunc3(event,'"+Bid+"')";
			box.setAttributeNode(OL);                 
                         
            OL                  = document.createAttribute("ontouchmove");
			OL.nodeValue        = "testfunc4(event,'"+Bid+"')";
			box.setAttributeNode(OL);
            OL = '';
           
            box.style.cursor    = "pointer";
			
			w = box.offsetWidth;		
			h = box.style.height;
			h = h.replace('px','');
			h = parseInt(h);
			
		      for( b = 0 ; box.getElementsByTagName('div')[b] ; b++ )
            {
                if(box.getElementsByTagName('div')[b].className=='chili-slider-segment')
                {
                    box.getElementsByTagName('div')[b].id=Bid+'elm'+c;
                    box.getElementsByTagName('div')[b].className=varClassName;
                    boxContents.push(box.getElementsByTagName('div')[b].id);
                    box.getElementsByTagName('div')[b].style.position='absolute';
                    box.getElementsByTagName('div')[b].style.top='0px';
                    LINKS+='<div class="'+klasse+'"  id="'+box.getElementsByTagName('div')[b].id+'Nav" style="cursor:pointer;text-decoration:none;text-align:center"  onClick="setNavigationPosition(this);resetBox(\''+Bid+'\',\''+Bid+'elm'+c+'\',this);stopBox(\''+Bid+'\');return false"><span>'+box.getElementsByTagName('div')[b].title+'</span><span style="background-image:url('+box.getElementsByTagName('div')[b].title+')"></span></div>';
                    klasse='aw_BoxContentNavLink';
                    varClassName='chili-slider-segment';
                    if(c==-1)
                    {
                        varClassName = 'chili-slider-segment boxSelected';
                    }
                    if(c==0)
                    {
                        varClassName='chili-slider-segment nextBox';
                    }   
                    if(c==(box.getElementsByClassName('chili-slider-segment').length-2))
                    {
                        varClassName='chili-slider-segment previousBox';
                    }
                        
                    c++;
			
                }
			
			}
            if (arrows == -1)
            {
                box.innerHTML+='<div class="LEFT"  onClick="moveBoxLeft2015(\''+Bid+'\');stopBox(\''+Bid+'\')"></div><div class="RIGHT"  onClick="moveBoxRight2015(\''+Bid+'\');stopBox(\''+Bid+'\')"></div>';
			}
            boxIndex[i]= boxContents;		
		
            if (navigation == -1)
            {
                box.innerHTML+='<div class="aw_BoxContentNav" >'+LINKS+'</div>';
            }
            else
            {
                box.innerHTML+='<div class="aw_BoxContentNav" style="display:none;">'+LINKS+'</div>';
            }
                  
            if( play == -1 )
            {		
            }
            else
            {		
				if (slow == -1)
                {			
                    if (fade == -1)
                    {
                        MB[Bid] = setInterval('moveBoxRight2015(\''+Bid+'\')',FadeTime);
                    }
                    else
                    {
                        boxPosition[i] = 0;
                        MB[Bid] = setInterval('FadeBox(\''+Bid+'\','+i+')',FadeTime);
                    }
                }
                else
                {
                    MB[Bid] = setInterval('moveBoxRight2015(\''+Bid+'\')',(FadeTime*4));                                
                }
            }
            
	    box.innerHTML += '<div onClick="startBox(\''+Bid+'\')"  id="'+Bid+'Play"  class="contentBoxPlay" style="display:none"></div>';			
	    box.innerHTML += '<div onClick="stopBox(\''+Bid+'\')"    id="'+Bid+'Pause"  class="contentBoxPause" ></div>';
            items= document.getElementById(Bid).getElementsByClassName('aw_BoxContentNav')[0].getElementsByTagName('div');
            navigationBox=document.getElementById(Bid).getElementsByClassName('aw_BoxContentNav')[0];
          //  navigationBox.style.width=document.getElementById(Bid).getElementsByClassName('aw_BoxContentNav')[0].getElementsByTagName('div')[0].offsetWidth * (items.length + 2) + 'px';
        }

        boxID++;		
        i++;
	}
}


function setNavigationPosition(elm)
{ 
    navigation=elm.parentNode;
    diffWidth=navigation.offsetWidth-navigation.parentNode.offsetWidth;
    
    items=navigation.getElementsByTagName('div');
    for(i=0;i < items.length;i++)
    {
        if(items[i]===elm)
        {
           
            itemNumber=i;
            //alert(diffWidth*(1/items.length*itemNumber));
            navigation.style.left='-'+diffWidth*(1/items.length*itemNumber)+'px';
        }
    }
}

/*
function FadeBox(boxId,dex)
{
    boxPosition[dex]=boxPosition[dex]+1;
    if(boxPosition[dex]>(boxIndex[dex].length-1))
    {
        boxPosition[dex]=0;
    }
    moveBoxTo(boxId,boxIndex[dex][boxPosition[dex]]);
}
*/
R = null;

function resizeBox ()
{
    resize = true;
    clearTimeout(R);

    R = setTimeout('resizeBox2()',20);
}

function resizeBox2 ()
{
    sortElements=new Array();
    i=0;
	while(document.getElementsByTagName('div')[i])
    {
		if(document.getElementsByTagName('div')[i].className.match('chili-slider')){
			c=0;
			box=document.getElementsByTagName('div')[i];
			w=box.offsetWidth;		
			
			h=box.style.height;
			h=h.replace('px','');
			h=parseInt(h);
			sortElements[box.id]=new Array;
			for(b=0;box.getElementsByTagName('div')[b];b++){
				if(box.getElementsByTagName('div')[b].className=='chili-slider-segment'){
				
				
				
				sortElements[box.id][box.getElementsByTagName('div')[b].style.left]=box.getElementsByTagName('div')[b].id;
				
				//alert(box.getElementsByTagName('div')[b].style.left);
				
				c++;
				}
			}		

			//alert(c*w);
		}

	i++;
	}

	
	c2=c;

	i=0;
	while(document.getElementsByTagName('div')[i]){
		if(document.getElementsByTagName('div')[i].className.match('chili-slider')){
			c=0;
			box=document.getElementsByTagName('div')[i];
			w=box.offsetWidth;		
			
			h=box.style.height;
			h=h.replace('px','');
			h=parseInt(h);
			
			
			ELM=0;
				resortElements=new Array;
				EC=0;
				while(ELM<(w*c2)){
				if(sortElements[box.id][ELM+'px']){
				resortElements[EC]=sortElements[box.id][ELM+'px'];
				EC++;
					}
				ELM++;
				}
			
			for(b=0;b<resortElements.length;b++){
		
			
			
	
			document.getElementById(resortElements[b]).style.left=(c*w)+'px';
			document.getElementById(resortElements[b]).style.width=w+'px';
	
			
			c++;
			
			}		

			//alert(c*w);
		}
	i++;
	}
}

BoxElm = new Array();
RunElm = new Array();
speed  = 0;

function moveBoxTo(id,id2)
{
    document.getElementById(id2).style.opacity=0;
    sortElements=new Array();
    i=0;
	while(document.getElementsByTagName('div')[i])
    {
		if(document.getElementsByTagName('div')[i].className.match('chili-slider'))
        {
			c   = 0;
			box = document.getElementsByTagName('div')[i];
			w   = box.style.width;		
			
			h   = box.style.height;
			h   = h.replace('px','');
			h   = parseInt(h);
            
			sortElements[box.id]=new Array;
            
			for(b=0;box.getElementsByTagName('div')[b];b++)
            {
				if(box.getElementsByTagName('div')[b].className=='chili-slider-segment')
                {
                    sortElements[box.id][box.getElementsByTagName('div')[b].style.left]=box.getElementsByTagName('div')[b].id;
                    c++;
				}
			}		
		}
	i++;
	}

	c2  = c ;
	i   = 0 ;
	c   = 1 ;
	d   = 0 ;
	box = document.getElementById(id) ; 
	w   = box.offsetWidth ;			
	h   = box.style.height ;
	h   = h.replace('px','') ;
	h   = parseInt(h) ;
				
	ELM = 0 ;
	resortElements = new Array;
	EC  = 0 ;
	while( ELM < ( w*c2 ) )
    {
		if(sortElements[box.id][ELM+'px'])
        {
			resortElements[EC]=sortElements[box.id][ELM+'px'];
			EC++;
		}
		ELM++;
	}
	var pre     = true ;
	var preElm  = new Array();
	for(b=0;box.getElementsByTagName('div')[b];b++)
    {
		if(box.getElementsByTagName('div')[b].className=='chili-slider-segment')
        {
			document.getElementById(box.getElementsByTagName('div')[b].id+'Nav').className='aw_BoxContentNavLink';		
			if(box.getElementsByTagName('div')[b].id==id2)
            {		
				document.getElementById(id2+'Nav').className    = 'aw_BoxContentNavLink active';
				box.getElementsByTagName('div')[b].style.left   = '0px';
				box.getElementsByTagName('div')[b].style.width  = w+'px';
				pre=false;	
			}
            else
            {
				if( pre == true )
                {
					preElm[d]=box.getElementsByTagName('div')[b].id;
					//alert(preElm[d]);
					d++;	
				}
                else
                {		
					box.getElementsByTagName('div')[b].style.left       = (c*w)+'px';
					box.getElementsByTagName('div')[b].style.opacity    = '0';
					box.getElementsByTagName('div')[b].style.width      = w+'px';
					c++;
				}
			}
		}		
	}
	a=0;
		
	while(a<preElm.length)
    {
		document.getElementById(preElm[a]).style.opacity    = '0';
		document.getElementById(preElm[a]).style.left       = ((c+a)*w)+'px';
		document.getElementById(preElm[a]).style.width      = w+'px';
		a++;
	}		
    if(!checkFadeBrowserName('MSIE'))
    { 	
        fadeIn(id2,0.01,0,1);
    }
}

function addawContentBox()
{
    if(document.body)
    {
        if(browserName('MSIE')&&browserVersion()<8)
        { 
            document.body.onLoad=createBox();
        }
        else
        {
            if(document.body.getAttributeNode("onload"))
            {
                document.body.getAttributeNode("onload").value+=";createBox()";

            }
            else
            {
                var OL          = document.createAttribute("onload");
                OL.nodeValue    = "createBox()";
                document.body.setAttributeNode(OL);
            }
            if(document.body.getAttributeNode("onresize"))
            {
                document.body.getAttributeNode("onresize").value+=";resizeBox()";
            }
            else
            {
                var OL          = document.createAttribute("onresize");
                OL.nodeValue    = "resizeBox()";
                document.body.setAttributeNode(OL);
            }
        }
        clearInterval(addawContentBoxVar);
        window.addawContentBox='';
    }
}