window.addEvent('domready', function() 
{
	setForm();
	loadXML();
	loadAccordion();
	setToolTips();
	
	$('feat_select').addEvent('mousedown', featDropdownToggle);
	

	$$('ul.webnav').addEvent('mouseenter', webnavEnter = function() 
	{
		this.setStyle('background-position','0 -15px');													
	});
	
	$$('ul.webnav').addEvent('mouseleave', webnavLeave = function() 
	{
		this.setStyle('background-position','0px 0px');													
	});
	
	$$('ul.webnav').addEvent('mousedown', webnavDown = function() 
	{
		this.setStyle('background-position','0px -50px');													
	});
	
	$$('a.btn_comment').addEvent('click', showComment);
	
	contactItems = new Array($('name'),$('email'),$('msg'));
	contactItems.each(function(item) {
		item.addEvent('focus', function(){
			item.addClass('focus');
		});
		item.addEvent('blur', function()
		{
			item.removeClass('focus');
		});	
	});
});

var xmlDoc;

function loadXML() {
  
    url="data.xml";
	if (window.XMLHttpRequest) {
        xmlDoc = new XMLHttpRequest();
        xmlDoc.onreadystatechange = processReqChange;
        xmlDoc.open("GET", url, true);
        xmlDoc.send(null);
    
    } else if (window.ActiveXObject) {
        isIE = true;
        xmlDoc = new ActiveXObject("Microsoft.XMLHTTP");
        if (xmlDoc) {
            xmlDoc.onreadystatechange = processReqChange;
            xmlDoc.open("GET", url, true);
            xmlDoc.send();
        }
    }
}

function processReqChange() {
   
    if (xmlDoc.readyState == 4) {
      
        if (xmlDoc.status == 200) {
            readXML();
         } else {
            alert("There was a problem retrieving the XML data:\n" +
                xmlDoc.statusText);
         }
    }
}


function readXML()
{
	allImg = new Array;
	$$('div.web_imgs').each(function(item, index)
	{
		allImg [index] = new Array;
		allImg [index] = xmlDoc.responseXML.getElementsByTagName("images")[index].childNodes[0].nodeValue.split(',');
		loadSlideShow(item.getProperty('id'),allImg[index]);
	});
	addBtnAction($$('ul.contact_form input.btn'), 'images/dark/btn_send.gif', '0', '-26px',  '-52px');	
	addBtnAction($$('div.web_footer a.btn_comment'), 'images/dark/btn_comment.gif', '0', '-16px',  '-32px');	
	addBtnAction($('feat_select'), 'images/light/dd_select.gif', '0', '-24px',  '-48px');	
	setTheme();
	$$('p.web_comment').setStyle('opacity','0.5');
}


function loadSlideShow(name, imgs) {
	myShow = new Slideshow(name, {
		transition: Fx.Transitions.backInOut, 				   
		duration: [200],
		width:670,
		height:270,
		navigation: 'arrows+', 
		hu: 'work/', 
		images: imgs,
		resize:false
	});
}

function loadAccordion() {
		
	var CookieAutoAccordion = Accordion.extend({
														   
	  initialize: function(togglers, elements, options) {
		this.options.cookieName = 'accordion-place';
		this.options.cookieOptions = {path: '/', duration: 30};	
		this.setOptions(options);
		this.options.allowMultipleOpen = false;
		this.options.opacity = false;
		this.options.openAll = false;
		this.options.wait = false;
		var cookieValue = Cookie.get(this.options.cookieName);
			
		if (cookieValue != false) {
		  this.options.show = cookieValue.toInt();
		  this.addEvent('onActive', function(toggler, element) {
				toggler.addClass('webnav_active');
			});							 
		} else {
		  this.addEvent('onActive', function(toggler, element) {
				toggler.addClass('webnav_active');
			});
		}

		this.parent.apply(this, arguments);
		this.addEvent('onActive', function(toggler, element) {
		  Cookie.set(this.options.cookieName, this.togglers.indexOf(toggler), this.options.cookieOptions);
		  toggler.addClass('webnav_active');
		});
		this.addEvent('onBackground', function(toggler, element) {
			$$('p.web_comment').addClass('hide');
			if (toggler.hasClass('webnav_active')) {
				toggler.removeClass('webnav_active');
			}
		});
	  }
	});
			
	var accordion = new CookieAutoAccordion($$('ul.webnav'), $$('div.web_content'));	
		
}

function getActiveStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
  }
  return null;
}

window.onunload = function(e) {
  var title = getActiveStyleSheet();
  var styleCookieOptions = {path: '/', duration: 1};
  Cookie.set('style', title, styleCookieOptions);
}

function setForm() {
	$('contactform').addEvent('submit', function(e) {
		new Event(e).stop();
		var log = $('contact_log').empty().addClass('contact_loading');
		this.send({
			update: log,
			evalScripts:true,
			onComplete: function() {
				log.removeClass('contact_loading');
			}
		});
	});	
}

function addBtnAction(id, url,  mouseleave, mouseenter, mousedown) {
	
	id.setStyle('background-image', 'url('+url+')');
	
	id.addEvent('mouseenter', function()
	{
		id.setStyle('background-position','0 '+mouseenter);
	});
	
	id.addEvent('mouseleave', function()
	{
		id.setStyle('background-position','0 '+mouseleave);
	});
	
	id.addEvent('mousedown', function()
	{
		id.setStyle('background-position','0 '+mousedown);
	});
	
	id.addEvent('mouseup', function()
	{
		id.setStyle('background-position','0 '+mouseenter);
	});
}


function featDropdownToggle() {
	
	objElement = $('feat_options');
	
	if(!objElement.Fx)
	{
		objElement.Fx = new Fx.Style(objElement, 'height', {duration:500, transition:Fx.Transitions.quintInOut});
	}
	
	if('0px' == objElement.getStyle('height'))
	{
		objElement.Fx.start(400);
	}
	else
	{
		objElement.Fx.start(0);
	}
}