// JavaScript Document
window.addEvent('domready', function(){
var szNormal = 120, szSmall  = 120, szFull   = 150;
var highlight = "#669933"
var unHighlight = "#b5cc8f"

var kwicks = $$("#kwicks .kwick");
var fx = new Fx.Elements(kwicks, {wait: false, duration: 500, transition: Fx.Transitions.Back.easeOut});
kwicks.each(function(kwick, i) {
	kwick.addEvent("mouseenter", function(event) {
	
		
		var o = {};
		o[i] = {
			width: [kwick.getStyle("width").toInt(), szFull]
			//color: [kwick.getStyle("color"), highlight]
			}
		
		
		kwicks.each(function(other, j) {
			if(i != j) {
				
				var w = other.getStyle("width").toInt();
				
				if(w != szSmall) o[j] = {width: [w, szSmall]};
				
			}
		});
		fx.start(o);
	
	});


});
		
$("kwicks").addEvent("mouseleave", function(event) {

var o = {};
	kwicks.each(function(kwick, i) {
		o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
		
	});
	fx.start(o);

})


//about Behaviors
$("kwick_about").addEvent("click", function(){
	window.location="about.html";										
})
$("kwick_about").addEvent("mouseenter", function(){
	 this.setStyle('background-color', highlight);								
})
$("kwick_about").addEvent("mouseleave", function(){
	this.setStyle('background-color', unHighlight);								
})

//Services Behaviors
$("kwick_services").addEvent("click", function(){
	window.location="copywritingservices.html";										
})
$("kwick_services").addEvent("mouseenter", function(){
	 this.setStyle('background-color', highlight);								
})
$("kwick_services").addEvent("mouseleave", function(){
	this.setStyle('background-color', unHighlight);								
})

//Samples Behaviors
$("kwick_samples").addEvent("click", function(){
	window.location="copywritingsamples.html";										
})
$("kwick_samples").addEvent("mouseenter", function(){
	 this.setStyle('background-color', highlight);								
})
$("kwick_samples").addEvent("mouseleave", function(){
	this.setStyle('background-color', unHighlight);								
})

//Contact Behaviors
$("kwick_contact").addEvent("click", function(){
	window.location="contact.html";
})
$("kwick_contact").addEvent("mouseenter", function(){
	 this.setStyle('background-color', highlight);								
})
$("kwick_contact").addEvent("mouseleave", function(){
	this.setStyle('background-color', unHighlight);								
})
	
	
	})