function portfoliohover() {
	var navItems = document.getElementById("Scroller-1").getElementsByTagName("li");

	for (var i=0; i<navItems.length; i++) {
		navItems[i].onmouseover=function() { this.className = "over"; }
		navItems[i].onmouseout=function() { this.className = ""; }		
	}

}

var scroller  = null;
var scrollbar = null;

function initScroll() {
  scroller  = new Scrolling.Scroller(document.getElementById("Scroller-1"), 264, 377);
  scrollbar = new Scrolling.Scrollbar(document.getElementById("Scrollbar-Container"), scroller, new Scrolling.ScrollTween());
  shownav();
  portfoliohover();
}

function getFilter(str){
	t=str.split("#");
	if (t[1]) {
		f=t[1].split("=");
		f[0]=f[0].replace("=","");
		if (f[0] && f[1]) return f;
		else return false;
	} else return false;
}

function printProjects(o){
	var fArray = new Array();
	var html='';
	var href=decodeURI(document.location.href);

	if (o && o.href) href=decodeURI(o.href);

	var fParams=getFilter(href);
	var filterType=false;
	var filter=false;
	
	if (fParams) {
		filterType=fParams[0];
		filter=fParams[1];
	}
	for (var i=0; i<projects.length; i++){
		if (filterType=='brand' || filterType=="type") {
			if (projects[i][filterType]==filter) {
				fArray.push(projects[i]);
			}
		} else {
			fArray.push(projects[i]);
		}
	}
	
	var urlext="";
	
	if (filterType=='brand'){
		html+='<h2>Работы для '+filter+'</h2>';
		$('workslink').className="wlnoact";
		urlext="#"+filterType+"="+filter;
	} else if (filterType=='type'){
		$('workslink').className="wlnoact";
		html+='<h2>Работы: '+filter+'</h2>';
		urlext="#"+filterType+"="+filter;
	} else {
		$('workslink').className="wlact";
		html+='<h2>Работы</h2>';
	}
	
	html+='<div class="showportfolio" >';	
	
	if (fArray.length>7) {
		html+='<div id="Scrollbar-Container">\
<img src="/webroot/delivery/pic/scroll-up.gif" class="Scrollbar-Up" alt="" />\
<img src="/webroot/delivery/pic/scroll-dwn.gif" class="Scrollbar-Down" alt="" />\
<div class="Scrollbar-Track">\
<img src="/webroot/delivery/pic/scroll-pane.gif" class="Scrollbar-Handle" alt="" />\
</div>\
</div>';
	}

	html+='<div class="Container"><div id="Scroller-1"><div class="Scroller-Container"><ul class="f11">';

	for (var i=0; i<fArray.length; i++){
		html+='<li><a href="'+fArray[i]['href']+urlext+'" class="link-vis" style="background-image:url('+fArray[i]['image']+')"><!--  --></a><dl><dt><a href="'+fArray[i]['href']+urlext+'">'+fArray[i]['title']+'</a></dt>';
		html+=(filterType!='brand')?'<dd><a href=\'#brand='+fArray[i]['brand'].replace("'","&#39;")+'\' onclick="setFilter(this)">'+fArray[i]['brand']+'</a></dd>':'';
		html+=(filterType!='type')?'<dd><a href=\'#type='+fArray[i]['type'].replace("'","&#39;")+'\' onclick="setFilter(this)">'+fArray[i]['type']+'</a></dd>':'';
		html+='</dl></li>';
	}


	html+='</ul></div></div></div></div>';

	$('projectsContaner').innerHTML=html;
	
	if (fArray.length>7) {
		initScroll();
	} else {
		shownav();
		portfoliohover();
	}
try{
	var scrollCookie = readCookie("scroll");
	var scrollHeight = scroller.getDimensions().theight;
	if (scrollCookie && scrollCookie!=-1) {
		if (scrollCookie<scrollHeight) {
			scrollbar.scrollTo(scrollCookie);
		}
	}
	writeCookie("scroll","-1","1000000");
} catch(e) {;}
}


function printProjects2(o){
	var fArray = new Array();
	var html='';
	var href=decodeURI(document.location.href);

	if (o) href=decodeURI(o);

	var fParams=getFilter(href);
	var filterType=false;
	var filter=false;
	
	if (fParams) {
		filterType=fParams[0];
		filter=fParams[1];
	}
	for (var i=0; i<projects.length; i++){
		if (filterType=='brand' || filterType=="type") {
			if (projects[i][filterType]==filter) {
				fArray.push(projects[i]);
			}
		} else {
			fArray.push(projects[i]);
		}
	}
	
	var urlext="";
	
	if (filterType=='brand'){
		html+='<h2>Работы для '+filter+'</h2>';
		$('workslink').className="wlnoact";
		urlext="#"+filterType+"="+filter;
	} else if (filterType=='type'){
		$('workslink').className="wlnoact";
		html+='<h2>Работы: '+filter+'</h2>';
		urlext="#"+filterType+"="+filter;
	} else {
		$('workslink').className="wlact";
		html+='<h2>Работы</h2>';
	}
	
	html+='<div class="showportfolio" >';	
	
	if (fArray.length>7) {
		html+='<div id="Scrollbar-Container">\
<img src="/webroot/delivery/pic/scroll-up.gif" class="Scrollbar-Up" alt="" />\
<img src="/webroot/delivery/pic/scroll-dwn.gif" class="Scrollbar-Down" alt="" />\
<div class="Scrollbar-Track">\
<img src="/webroot/delivery/pic/scroll-pane.gif" class="Scrollbar-Handle" alt="" />\
</div>\
</div>';
	}

	html+='<div class="Container"><div id="Scroller-1"><div class="Scroller-Container"><ul class="f11">';

	for (var i=0; i<fArray.length; i++){
		html+='<li><a href="'+fArray[i]['href']+urlext+'" class="link-vis" style="background-image:url('+fArray[i]['image']+')"><!--  --></a><dl><dt><a href="'+fArray[i]['href']+urlext+'">'+fArray[i]['title']+'</a></dt>';
		html+=(filterType!='brand')?'<dd><a href=\'#brand='+fArray[i]['brand'].replace("'","&#39;")+'\' onclick="setFilter(this)">'+fArray[i]['brand']+'</a></dd>':'';
		html+=(filterType!='type')?'<dd><a href=\'#type='+fArray[i]['type'].replace("'","&#39;")+'\' onclick="setFilter(this)">'+fArray[i]['type']+'</a></dd>':'';
		html+='</dl></li>';
	}


	html+='</ul></div></div></div></div>';

	$('projectsContaner').innerHTML=html;
	
	if (fArray.length>7) {
		initScroll();
	} else {
		shownav();
		portfoliohover();
	}
try{
	var scrollCookie = readCookie("scroll");
	var scrollHeight = scroller.getDimensions().theight;
	if (scrollCookie && scrollCookie!=-1) {
		if (scrollCookie<scrollHeight) {
			scrollbar.scrollTo(scrollCookie);
		}
	}
	writeCookie("scroll","-1","1000000");
} catch(e) {;}
}


function saveScrollPosition(){
	try{
	if (scroller) {
		var scrollY = scroller.getDimensions().y;
		writeCookie("scroll",scrollY,"1000000");
	} else {
		writeCookie("scroll","-1","1000000");
	}
	} catch(e) {;}
}
// Example:

// alert( readCookie("myCookie") );

function readCookie(name)

{

  var cookieValue = "";

  var search = name + "=";

  if(document.cookie.length > 0)

  { 

    offset = document.cookie.indexOf(search);

    if (offset != -1)

    { 

      offset += search.length;

      end = document.cookie.indexOf(";", offset);

      if (end == -1) end = document.cookie.length;

      cookieValue = unescape(document.cookie.substring(offset, end))

    }

  }

  return cookieValue;

}

// Example:

// writeCookie("myCookie", "my name", 24);

// Stores the string "my name" in the cookie "myCookie" which expires after 24 hours.

function writeCookie(name, value, hours)

{

  var expire = "";

  if(hours != null)

  {

    expire = new Date((new Date()).getTime() + hours * 3600000);

    expire = "; expires=" + expire.toGMTString() + "; PATH=/";

  }

  document.cookie = name + "=" + escape(value) + expire;

}




function setFilter(o){
	printProjects(o);
}

window.onload=printProjects;
window.onunload=saveScrollPosition;