// Slding posts section
var timeout = 25;
var moving = false;
document.onkeydown=keyDownR;
var left =	document.getElementById("arrowLeft");
var right =	document.getElementById("arrowRight");

right.onclick=clickRight;
left.onclick=clickLeft;

function clickRight(){
	if(moving===false){
		moveDir(1);	
		
	}
	
}
function clickLeft(){
	if(moving===false){
		moveDir(-1);	
		
	}
	
}
function keyDownR(e){

	if(moving ===false){
		//arrows=((event.which)||(event.keycode));
		var arrows = (window.event) ? event.keyCode : e.which;
	
		switch(arrows){
			case 37:
				moveDir(-1)
				break;
			case 39:
				moveDir(1)
				break;
			
		}
		
	}
}

function moveDir(direction){
	var post	= 	document.getElementById("cont");
	
	if((post.scrollLeft === 0) && (direction ===-1)){
			timeout = 25;	
			//post.style.opacity = 1;
			moving = false;
			right.style.opacity = 0.3;
			left.style.opacity = 0.3;
	}
	
	else if((post.scrollLeft === post.scrollWidth) && (direction === 1)){
			timeout = 25;	
			//post.style.opacity = 1;
			moving = false;
			right.style.opacity = 0.3;
			left.style.opacity = 0.3;
	}
	else{
	
	
		
		if (timeout > 0) {
			moving = true;
				
				timeout-=1;
				//post.style.opacity = 0.5;
				if(direction === 1){
					post.scrollLeft+= 38;
					right.style.opacity = 0.6;
					window.setTimeout("moveDir(1)", 1);
				}
				else if (direction === (-1)){
					post.scrollLeft-= 38;
					
					left.style.opacity = 0.6;
					window.setTimeout("moveDir(-1)", 1);
				}
		
		}
		else if (timeout <= 0){
			timeout = 25;	
			//post.style.opacity = 1;
			moving = false;
			right.style.opacity = 0.3;
			left.style.opacity = 0.3;
		}
	}
}

//------------------------------------------------------------------------------------

//Drop down menu section


var dropH ;
var out = false;
var sliding = false;
var timeoutS = 25;
function init(){
var dropDiv = document.getElementById("drop");
dropH = dropDiv.offsetHeight;
expand();
window.setTimeout("collapse()",400);
//collapse();
var cl = document.getElementById("clicker");
cl.onclick=clickResponse;



}
onload=init;

function clickResponse(){
	if(sliding === false){
		if(out === true){
			collapse();
		
		}
		else{
			expand();	
		
		}
	
	}
	
}


function collapse(){
	var dropDiv = document.getElementById("drop");
	out = false;
	if(dropDiv.offsetHeight > 1){
		sliding = true;
		var currentH = dropDiv.offsetHeight;
		currentH-= 15;
		if(currentH < 0){
			currentH = 0;	
		}
		dropDiv.style.height = currentH + "px";
		//sliding = false;
		window.setTimeout("collapse()",1);
	}
	else if(dropDiv.offsetHeight <= 1) {
		sliding = false;

			
	}	
	
	
	
	
}
function expand(){
	var dropDiv = document.getElementById("drop");
	//dropDiv.style.height = "auto";
	out = true;
	if(dropDiv.offsetHeight < dropH){
		sliding = true;
		var currentH = dropDiv.offsetHeight;
		currentH+= 15;
		dropDiv.style.height = currentH + "px";
		window.setTimeout("expand()",1);
	
	}
	else if(dropDiv.offsetHeight >= dropH) {
			sliding = false;
	
	}	
	
}