function slideSwitch() {
var active = $('#slideshow IMG.active');
if ( active.length == 0 ) active = jQuery('#slideshow IMG:last');
var next =  active.next().length ? active.next()
	: jQuery('#slideshow IMG:first');
active.addClass('last-active');
next.css({opacity: 0.0})
	.addClass('active')
	.animate({opacity: 1.0}, 1000, function() {
		active.removeClass('active last-active');
	});
}

$(document).ready(function(){ 
	setInterval( "slideSwitch()", 4000 );
	$("#headerContent h1").pngfix();
	$("#mainContentArea a.donate span").pngfix();
	$("#footer ul li.box-03 h5").pngfix();
	$("#topMenu ul li").hover(
      function () {
        $(this).find('ul').css("display","block");
      }, 
      function () {
         $(this).find('ul').css("display","none");
      }
    );
	$("#topMenu ul li ul").hover(
      function () {
        $(this).parent().addClass('active-child1');
		$(this).css("display","block");
      }, 
      function () {
        $(this).parent().removeClass('active-child1');
      }
    );
	$("#topMenu ul li:first").attr({id: "first-child"});

});
(function ($) {
    $.fn.marquee = function (klass) {
        var newMarquee = [],
            last = this.length;

        // works out the left or right hand reset position, based on scroll
        // behavior, current direction and new direction
        function getReset(newDir, marqueeRedux, marqueeState) {
            var behavior = marqueeState.behavior, width = marqueeState.width, dir = marqueeState.dir;
            var r = 0;
            if (behavior == 'alternate') {
                r = newDir == 1 ? marqueeRedux[marqueeState.widthAxis] - (width*2) : width;
            } else if (behavior == 'slide') {
                if (newDir == -1) {
                    r = dir == -1 ? marqueeRedux[marqueeState.widthAxis] : width;
                } else {
                    r = dir == -1 ? marqueeRedux[marqueeState.widthAxis] - (width*2) : 0;
                }
            } else {
                r = newDir == -1 ? marqueeRedux[marqueeState.widthAxis] : 0;
            }
            return r;
        }

        // single "thread" animation
        function animateMarquee() {
            var i = newMarquee.length,
                marqueeRedux = null,
                $marqueeRedux = null,
                marqueeState = {},
                newMarqueeList = [],
                hitedge = false;
                
            while (i--) {
                marqueeRedux = newMarquee[i];
                $marqueeRedux = $(marqueeRedux);
                marqueeState = $marqueeRedux.data('marqueeState');
                
                if ($marqueeRedux.data('paused') !== true) {
                    // TODO read scrollamount, dir, behavior, loops and last from data
                    marqueeRedux[marqueeState.axis] += (marqueeState.scrollamount * marqueeState.dir);

                    // only true if it's hit the end
                    hitedge = marqueeState.dir == -1 ? marqueeRedux[marqueeState.axis] <= getReset(marqueeState.dir * -1, marqueeRedux, marqueeState) : marqueeRedux[marqueeState.axis] >= getReset(marqueeState.dir * -1, marqueeRedux, marqueeState);
                    
                    if ((marqueeState.behavior == 'scroll' && marqueeState.last == marqueeRedux[marqueeState.axis]) || (marqueeState.behavior == 'alternate' && hitedge && marqueeState.last != -1) || (marqueeState.behavior == 'slide' && hitedge && marqueeState.last != -1)) {                        
                        if (marqueeState.behavior == 'alternate') {
                            marqueeState.dir *= -1; // flip
                        }
                        marqueeState.last = -1;

                        $marqueeRedux.trigger('stop');

                        marqueeState.loops--;
                        if (marqueeState.loops === 0) {
                            if (marqueeState.behavior != 'slide') {
                                marqueeRedux[marqueeState.axis] = getReset(marqueeState.dir, marqueeRedux, marqueeState);
                            } else {
                                // corrects the position
                                marqueeRedux[marqueeState.axis] = getReset(marqueeState.dir * -1, marqueeRedux, marqueeState);
                            }

                            $marqueeRedux.trigger('end');
                        } else {
                            // keep this marquee going
                            newMarqueeList.push(marqueeRedux);
                            $marqueeRedux.trigger('start');
                            marqueeRedux[marqueeState.axis] = getReset(marqueeState.dir, marqueeRedux, marqueeState);
                        }
                    } else {
                        newMarqueeList.push(marqueeRedux);
                    }
                    marqueeState.last = marqueeRedux[marqueeState.axis];

                    // store updated state only if we ran an animation
                    $marqueeRedux.data('marqueeState', marqueeState);
                } else {
                    // even though it's paused, keep it in the list
                    newMarqueeList.push(marqueeRedux);                    
                }
            }

            newMarquee = newMarqueeList;
            
            if (newMarquee.length) {
                setTimeout(animateMarquee, 25);
            }            
        }
        
        // TODO consider whether using .html() in the wrapping process could lead to loosing predefined events...
        this.each(function (i) {
            var $marquee = $(this),
                width = $marquee.attr('width') || $marquee.width(),
                height = $marquee.attr('height') || $marquee.height(),
                $marqueeRedux = $marquee.after('<div ' + (klass ? 'class="' + klass + '" ' : '') + 'style="display: block-inline; width: ' + width + 'px; height: ' + height + 'px; overflow: hidden;"><div style="float: left; white-space: nowrap;">' + $marquee.html() + '</div></div>').next(),
                marqueeRedux = $marqueeRedux.get(0),
                hitedge = 0,
                direction = ($marquee.attr('direction') || 'left').toLowerCase(),
                marqueeState = {
                    dir : /down|right/.test(direction) ? -1 : 1,
                    axis : /left|right/.test(direction) ? 'scrollLeft' : 'scrollTop',
                    widthAxis : /left|right/.test(direction) ? 'scrollWidth' : 'scrollHeight',
                    last : -1,
                    loops : $marquee.attr('loop') || -1,
                    scrollamount : $marquee.attr('scrollamount') || this.scrollAmount || 2,
                    behavior : ($marquee.attr('behavior') || 'scroll').toLowerCase(),
                    width : /left|right/.test(direction) ? width : height
                };
            
            // corrects a bug in Firefox - the default loops for slide is -1
            if ($marquee.attr('loop') == -1 && marqueeState.behavior == 'slide') {
                marqueeState.loops = 1;
            }

            $marquee.remove();
            
            // add padding
            if (/left|right/.test(direction)) {
                $marqueeRedux.find('> div').css('padding', '0 ' + width + 'px');
            } else {
                $marqueeRedux.find('> div').css('padding', height + 'px 0');
            }
            
            // events
            $marqueeRedux.bind('stop', function () {
                $marqueeRedux.data('paused', true);
            }).bind('pause', function () {
                $marqueeRedux.data('paused', true);
            }).bind('start', function () {
                $marqueeRedux.data('paused', false);
            }).bind('unpause', function () {
                $marqueeRedux.data('paused', false);
            }).data('marqueeState', marqueeState); // finally: store the state
            
            // todo - rerender event allowing us to do an ajax hit and redraw the marquee

            newMarquee.push(marqueeRedux);

            marqueeRedux[marqueeState.axis] = getReset(marqueeState.dir, marqueeRedux, marqueeState);
            $marqueeRedux.trigger('start');
            
            // on the very last marquee, trigger the animation
            if (i+1 == last) {
                animateMarquee();
            }
        });            

        return $(newMarquee);
    };
}(jQuery));
 $(function () {
        // basic version is: $('div.demo marquee').marquee() - but we're doing some sexy extras
        
        $('marquee').marquee('pointer').mouseover(function () {
            $(this).trigger('stop');
        }).mouseout(function () {
            $(this).trigger('start');
        }).mousemove(function (event) {
            if ($(this).data('drag') == true) {
                this.scrollLeft = $(this).data('scrollX') + ($(this).data('x') - event.clientX);
            }
        }).mousedown(function (event) {
            $(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft);
        }).mouseup(function () {
            $(this).data('drag', false);
        });
    });
function echeck(email) 
{
   var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
   if(reg.test(email) == false) 
   {
      return false;
   }
}
function Isalpha(val)
{
	var numaric = val;
	for(var j=0; j<numaric.length; j++)
	{
		  var alphaa = numaric.charAt(j);
		  var hh = alphaa.charCodeAt(0);
		  if((hh > 47 && hh<58) || (hh > 64 && hh<91) || (hh > 96 && hh<123))
		  {}
		  else
		  	{
			 return false;
		    }
	}
}
function highlight(obj)
{	
	var element;
	element = document.getElementById(obj).style;
	element.backgroundColor = "#faebe7";
	element.border= "dashed 1px #ff0000";
	//return false;
}
function lowlight(par1,par2)
{	
	var element;
	element = document.getElementById(par1).style;
	element.backgroundColor = "";
	element.border= "";
	document.getElementById(par2).style.display='none';
	//return false;
}
function msg(msg_id)
{
	document.getElementById(msg_id).style.display='';
	document.getElementById(msg_id).innerHTML="<img src='http://breakwater.netcsites.com/images/validation_advice_bg.gif'>&nbsp;&nbsp;This is required field.";
}
function msg2(msg_id)
{
	document.getElementById(msg_id).style.display='';
	document.getElementById(msg_id).innerHTML="<img src='http://breakwater.netcsites.com/images/validation_advice_bg.gif'>&nbsp;&nbsp;Area code and Tel fields are required.";
}
/////////////////////////////////////////////////////////////
function validation()
{  
var d=document.form1;
	if(d.fname.value=='')
	{
	msg('fname_msg');
	highlight('fname');
	var flag="stop";
	} 
		else
			{
			lowlight("fname","fname_msg");	
			}
	if(d.lname.value=='')
	{
	msg('lname_msg');
	highlight('lname');
	var flag="stop";
	} 
		else
			{
			lowlight("lname","lname_msg");	
			}
	if(d.acode.value=='' || d.tel.value=='')
	{
	msg2('phone_msg');
	highlight('acode');
	highlight('tel');
	var flag="stop";
	} 
		else
			{
			lowlight("acode","phone_msg");
			lowlight("tel","phone_msg");
			}
	if(d.companyname.value=='')
	{
	msg('companyname_msg');
	highlight('companyname');
	var flag="stop";
	} 
		else
			{
			lowlight("companyname","companyname_msg");	
			}
	if(d.email.value=='')
	{
	msg('email_msg');
	highlight('email');
	var flag="stop";
	}
		else if(echeck(d.email.value)==false)
		{
		document.getElementById("email_msg").style.display='';
		document.getElementById("email_msg").innerHTML="<img src='http://breakwater.netcsites.com/images/validation_advice_bg.gif'>&nbsp;&nbsp;Invalid Email format.";
		highlight('email'); 
		var flag="stop";	
		}
		else
			{
			lowlight("email","email_msg");	
			}
	
if(flag=="stop")
{
	return false;	
}
	else
		{
			return true;	
		}
}
/////////////////////////