﻿$(document).ready(function() {
    $(".rds_content_left, .rds_content_right1, .rds_content_right2").corner({
        tl: { radius: 16 },
        tr: { radius: 16 },
        bl: { radius: 16 },
        br: { radius: 16 },
        antiAlias: true,
        autoPad: true,
        validTags: ["div"]
    });

    $(".stages_div").corner({
        tl: { radius: 10 },
        tr: { radius: 10 },
        bl: { radius: 10 },
        br: { radius: 10 }
    });

    $(".rds_content_left .animateAppear").css("opacity", 0).fadeTo(3000, 1);
    /*
    if (!$.browser.msie) {
    $(".rds_content_left .first_left_cross").css("opacity", 0).fadeTo(3000, 1);
    }
    else if (parseInt(jQuery.browser.version) > 6) {
    $(".rds_content_left .first_left_cross .left_content_text").css("opacity", 0).fadeTo(3000, 1);
    }
    */
    
    /* since the visiting setting is default for home template, this is not useful in this situation
    if (window.location.href.indexOf('aspx') == -1) {   // home page
        $('#navigation li a.home').addClass('visiting');
    }
    */
	var cs = $('#navigation a.home');	// current span
	
	var addr = window.location.href;
	//addr = addr.substring(addr.lastIndexOf('/') + 1, addr.lastIndexOf('.aspx'));
	addr = addr.substring(addr.lastIndexOf('/') + 1);
	/* change indexOf to search, make it case insensitive */
	if(addr.search(/hosting/i) > -1) {
		cs = $("#navigation a.hosting");
		cs.addClass('visiting').find('> span.hover').css('opacity', 0);
	}
	else if (addr.search(/portfolio/i) > -1 || addr.search(/testimonials/i) > -1)
	{
		cs = $("#navigation a.portfolio");
		cs.addClass('visiting').find('> span.hover').css('opacity', 0);
	}
	else if ( addr.search(/design/i) > -1  || addr.search(/marketing[\s-]{0,1}your/i) > -1 )
	{
		cs = $("#navigation a.webDesign");
		cs.addClass('visiting').find('> span.hover').css('opacity', 0);
	}
	else if (addr.search(/marketing/i) > -1 || addr.search(/site[\s-]{0,1}seo/i) > -1)
	{
		cs = $("#navigation a.webMarketing");
		cs.addClass('visiting').find('> span.hover').css('opacity', 0);
	}
	else if (addr.search(/contact/i) > -1 || addr.search(/call/i) > -1)
	{
		cs = $("#navigation a.contactUs");
		cs.addClass('visiting').find('> span.hover').css('opacity', 0);
	}
	else if (addr.search(/free/i) > -1 || addr.search(/budget/i) > -1 || addr.search(/visitor/i) > -1 || addr.search(/seo/i) > -1|| addr.search(/small[\s-]{0,1}business/i) > -1)
	{
		cs = $("#navigation a.freeAdvice");
		cs.addClass('visiting').find('> span.hover').css('opacity', 0);
	}
    
    $("#navigation li")
        .removeClass("top_menu")
        .find("a").append('<span class="hover" />')     //.removeClass('visiting')
        .each(function() {
            if (window.location.href.indexOf($(this).attr('class')) > -1) {
                $(this).addClass('visiting').find('> span.hover').css('opacity', 0);
            }

            var the_span = $('> span.hover', this).css('opacity', 0);
            $(this).hover(function() {
                /*
                if (the_span.hasClass('visiting')) {
                var position = the_span.css('backgroundPosition');
                position = position.substring(0, position.indexOf(' ')) + " -60px";
                the_span.css('backgroundPosition', position)
                }
                */
                the_span.stop().fadeTo(1000, 1);
				cs.find('> span.hover').stop().fadeTo(1000, 1);
            }, function() {
                the_span.stop().fadeTo(1000, 0);
				cs.find('> span.hover').stop().fadeTo(1000, 0);
            });
        });
    /*
    .click(function() {
    $("#navigation li a").removeClass('visiting');
    $(this).addClass('visiting').find('> span.hover').css('opacity', 0);
    });
    */
    /* alert($(this).parent().attr('class')); */
    //alert($('#navigation a.webDesign .hover').css('backgroundPosition', '-107px -60px'));

    /*
    $('.rds_colours').each(function() {
    var fromColour = '#ffffff', toColour = '#000000';
    var fR = parseInt(fromColour.substring(1, 3), 16);
    var fG = parseInt(fromColour.substring(3, 5), 16);
    var fB = parseInt(fromColour.substring(5), 16);
    var tR = parseInt(toColour.substring(1, 3), 16);
    var tG = parseInt(toColour.substring(3, 5), 16);
    var tB = parseInt(toColour.substring(5), 16);
    var elem = $(this);
    var html = elem.html();
    elem.html('');

        var h = elem.height() * 1.5;
    var pR = Math.floor((fR - tR) / h);
    var pG = Math.floor((fG - tG) / h);
    var pB = Math.floor((fB - tB) / h);
    //alert('here -> ' + h + '*' + fR + '*' + pR + '*' + tR);
    for (var i = 0; i < h; ++i) {
    var colour = 'rgb(' + (fR - i * pR) + ', ' + (fG - i * pG) + ', ' + (fB - i * pB) + ')';
    $('<span class="rds_colour" style="color: ' + colour + ';"><span style="top: ' + (-1 - i) + 'px;">' +
    html + '</span></span>').appendTo(this);
    }
    $('<span class="highlight">' + html + '</span>').appendTo(this);
    $('<span class="shadow">' + html + '</span>').appendTo(this);
    });

    $('img.the_red_spider').click(function() {
    $("this").effect("transfer", {
    to: "#the_red_spider_to"
    },
    800);
    });
    */
});