var userDetails=null;

function makeIESupported(){
	
	var html5elmeents = "footer|header|nav|section".split('|');

  
	for(var i = 0; i < html5elmeents.length; i++){
	
		document.createElement(html5elmeents[i]);
	
	}
}

function hideElement(id){
	$(id).setStyle('opacity','0');
	$(id).setStyle('display', 'none');
}

function hideall(obj){
	hideElement('understand-us');
	hideElement('about-us');
	hideElement('contact-us');
	hideElement('solutions');
	$('abot').set('class','');
	$('undr').set('class','');
	$('soln').set('class','');
	$('cont').set('class','');
	if(obj!=null){
		obj.className='highlighted';
	}
}

function showElement(id,obj){
		hideall(obj);
		$(id).setStyle('display', 'table-cell');
		$(id).fade('in');
		
		if(id=='understand-us'){
			try{
		     SqueezeBox.initialize({
		        size: {x: $('wrapper').getStyle('width').toInt() * 0.8, y: $('wrapper').getStyle('height').toInt()*0.8},
		        handler:'iframe'
		    });
		   	}catch(err){alert(err);}
		
		    SqueezeBox.assign($$('a[rel=boxed]'));
		}
		if(id=='about-us' || id =='understand-us') {
			//document.getElementById("wrapper").style.height = "600px";
		}
		if(id=='solutions') {
			//document.getElementById("wrapper").style.height = "650px";
		}
		if(id=='contact-us') {
			//document.getElementById("wrapper").style.height = "660px";
		}
		
}

function interestedInIt(msg){
	showElement('contact-us',$('cont'));
	$$('#inputbox[name=regarding]')[0].value = msg;
	$$('#inputbox[name=msg]')[0].value = "I love it! I'm interested in purchasing/knowing more about this product. Thanks"
	if($('submitbutton').value!='Send Email'){
		$('submitbutton').value='Send Email';
		$('submitbutton').disabled = false;
		$('submitbutton').style.marginLeft = "411px";
	}
}

function domR(){
	window.addEvent('domready', function(){ 
		var totIncrement = 0;
		var increment =750;
		var maxRightIncrement = increment*(-2);
		
		$('workList').set('tween', {
			duration: 500,
			transition: Fx.Transitions.Circ.easeOut,
		});
		
		// Previous Button
		$('previous').addEvents({ 
			'click' : function(event){ 
				if(totIncrement<0){ 
					totIncrement = totIncrement + increment;
					$('workList').tween('margin-left',totIncrement);
				}
			}
		}); 
		
		// Next Button
		$('next').addEvents({ 
			'click' : function(event){ 
					if(totIncrement>maxRightIncrement){ 
						totIncrement = totIncrement - increment;
						$('workList').tween('margin-left',totIncrement);
					}
				}
		});
		
		var nS1 = new noobSlide({
            box: $('box1'),
            items: [0,1],
            size: 250,
            fxOptions: {
                duration: 1000,
                transition: Fx.Transitions.Sine.easeIn,
                wait: false
            },
            addButtons: {
                previous: $('prev1'),
                next: $('next1')
            }
        });
        
        var nS2 = new noobSlide({
            box: $('box2'),
            items: [0,1],
            size: 250,
            fxOptions: {
                duration: 1000,
                transition: Fx.Transitions.Sine.easeIn,
                wait: false
            },
            addButtons: {
                previous: $('prev2'),
                next: $('next2')
            }
        });
        
        var nS3 = new noobSlide({
            box: $('box3'),
            items: [0,1],
            size: 250,
            fxOptions: {
                duration: 1000,
                transition: Fx.Transitions.Sine.easeIn,
                wait: false
            },
            addButtons: {
                previous: $('prev3'),
                next: $('next3')
            }
        });

	});
}

function onLoad(){
	hideall();
	if(window.location.hash!=''){
		window.location.hash='backtosquarezero';
	}
	
	showElement('about-us',$('abot'));
	
	gigya.services.socialize.addEventHandlers(conf, {  
                    context: { str: 'congrats on your' }  
                    , onLogin: onLoginHandler   
                   });  
	
}

function onLoginHandler(eventObj){
	userDetails = eventObj.user;
	var name1 = $$('#simple-form #inputbox')[0];
	var email1 = $$('#simple-form #inputbox')[1];
	$('signinfo').set('style','display:none');
	$('contacter').set('style','display:block');
	$('submitbutton').set('style','display:block');
	
	name1.value = (userDetails.nickname!='')?userDetails.nickname:userDetails.firstName;
	email1.value = (userDetails.email!='')?userDetails.email:userDetails.profileURL
}

function createRequestObject() {
    var ro;
    var browser = navigator.appName;
    if(browser == "Microsoft Internet Explorer"){
        ro = new ActiveXObject("Microsoft.XMLHTTP");
    }else{
        ro = new XMLHttpRequest();
    }
    return ro;
}

var http = createRequestObject();

function sendemail() {
	var msg = document.contactform.msg.value;
	var name = document.contactform.name.value;
	var email = document.contactform.email.value;
	var reg = document.contactform.regarding.value
	document.contactform.send.disabled=true; 
	document.contactform.send.value='Sending....';

    http.open('get', 'contact.php?msg='+msg+'&fname='+name+'&email='+email+'&action=send'+'&regarding='+reg);
    http.onreadystatechange = handleResponse;
    http.send(null);
}

function handleResponse() {
    if(http.readyState == 4){
        var response = http.responseText;
        var update = new Array();

        if(response.indexOf('|' != -1)) {
            update = response.split('|');
            document.getElementById(update[0]).value = update[1];
         	document.getElementById(update[0]).style.marginLeft = "0px";
         	document.getElementById(update[0]).disabled = true;
        }
    }
}

/*
 <section class="works">
	<div id="toppart">
		<div id="leftside">
			<h1></h1>
			<p></p>
		</div>
		<div id="rightside">
			<div class="mask">
				<div id="box1" class="imgbox">
					<span><img src="imgworks/p1.png" alt="Photo"></span>
					<span><img src="imgworks/p2.png" alt="Photo"></span>
				</div>
				<p class="buttons">
					<span id="prev1">&lt; Previous</span>
					<span id="next1">Next &gt;</span>
				</p>
			</div>
		</div>
	</div>
	<div id="bottompart">All technology icons will come here</div>
</section>
 */